jQuery Forum

I have the following code as part of a larger function:

1. $("."+relTarget+"").parent("li").siblings("li").each(function() {
     $(this).find("h3").css( { 'background-image' : 'url(/webgfx/checkmark_26_right.png)','background-repeat' : 'no-repeat', 'background-position' : 'center right' } );
    })
   

It works just fine, but I want to just get to the previous elements - not the current one, or the ones after the one being clicked.

Imagine a code like this:

1. <li><h3 id="someid_1"><a href="#" rel="someid_2">Heading</a></h3><div></div></li>
2. <li><h3 id="someid_2"><a href="#" rel="someid_3">Heading</a></h3><div></div></li>
3. <li><h3 id="someid_3"><a href="#" rel="someid_4">Heading</a></h3><div></div></li>
4. <li><h3 id="someid_4"><a href="#" rel="someid_5">Heading</a></h3><div></div></li>
5. <li><h3 id="someid_5"><a href="#" rel="someid_6">Heading</a></h3><div></div></li>

I want the above function to just "hit" the h3's with ID "someid_1" and "someid_2" when I click "someid_3" for instance. This have to be a dynamic function, as the ID's, amount etc. can vary.

Anyone?

I have a php-based form with radio-buttons with following labels - I've been trying to get the text-value of these labels, but I keep getting empty variables - it seems it doesn't pick up the value at all.

Here's some of the code:

1. <li><span class="radioinput"><input class="crirHiddenJS" id="this_pulje_<?php echo $pulje['pv_ID']; ?>" type="radio" name="<?php echo $pulje['p_subname']; ?>" value="<?php echo $pulje['pv_ID']; ?>"></span><label for="this_pulje_<?php echo $pulje['pv_ID']; ?>"><strong><?php echo $gametype; ?>, M: </strong><?php echo $pulje['pv_module']." <strong>S: </strong>".$pulje['pv_system']." <strong>GM: </strong>".$pulje['pv_GM']; ?></label></li>

which outputs something like this:

1. <li><span class="radioinput"><input type="radio" value="47" name="pulje_2" id="this_pulje_47" class="crirHidden"></span><label for="this_pulje_47" class="radio_unchecked"><strong>R, M: </strong>Bergen 2192 <strong>S: </strong>Blue Planet v2 <strong>GM: </strong>Thor André Karstensen</label></li>

And then I have the following jQuerycode, which doesn't return anything:

1.             var radioContent = $("#"+prevTarget+" :radio:checked").next('label').text();

As for the "prevTarget" it's being populated, because if I change the above to this:

1.             var radioContent = $("#"+prevTarget+" :radio:checked").val();

it returns the value just fine. But for some reason it doesn't return the text from the label - and I don't really understand why.

If anyone wants to take a look at the test-page, it's found here: http://www.regncon.no/test.php

I have the following function:

1.     $("#paamelding_form select").change(function () {
           $("option:selected").click(function() {
       if ($(this).hasClass("double_0") || $(":selected").hasClass("")) {
               var oldID = ($(this).parent("select").attr("id").match(/\d+$/));
               var newID = ++oldID;
               alert("remove" + newID);
               $("#pulje_" + newID).removeAttr("disabled","disabled").css({ 'border-color' : ' #000', 'background-color' : '#ddd'});
               $.cookie("pulje_" + newID +"","enabled", { path: '/' });
               alert($.cookie("pulje_" + newID + ""));
               $("label[for='pulje_" + newID + "']").css({ 'color' : '#2F5376'}).find(".double_warning").remove();
           }
           if ($(this).hasClass("double_1")) {
               var oldID = ($(this).parent("select").attr("id").match(/\d+$/));
               var newID = ++oldID;
               alert("add" + newID);           
               $("#pulje_" + newID).attr("disabled","disabled").css({ 'border-color' : ' #777', 'background-color' : 'eee'});
               $.cookie("pulje_" + newID +"","disabled", { path: '/' });
               alert($.cookie("pulje_" + newID + ""));           
               $("label[for='pulje_" + newID + "']").css({ 'color' : '#2F5376'}).find(".double_warning").remove();
               if($("option:selected").text() == 'Gopher') {
               var double_warning = "<small class='double_warning'><span class='double_warning' style='color: red;'>Du valgte gopher i forrige delpulje og vil bli satt opp som gopher i denne delpuljen også</span></small>";
               } else {
               var double_warning = "<small class='double_warning'><span class='double_warning' style='color: red;'>Du valgte et spill som varer i to delpuljer, dette valget er derfor ikke tilgjengelig</span></small>";
               }
               $("label[for='pulje_" + newID + "']").css({ 'color' : '#aaa'}).append(double_warning);
               }
           });
2. });
   

This works, but only for mouseclicks. It's probably also extremely crappy code to begin with - I'm pretty new to jquery, and I tend to go with what works for now - and this does. But I'd like it to work for both mouseclicks and when people navigate the form using the keyboard - any hints or improvements that can be done to the code to make it behave like I want it to?