Question

I am working on the tabs page… I am trying to get the id’s of li from the loop and then hide it. the id’s is not found.

<ul>
     <li id="Page1" class="tab"><a href="#">Page2</a></li>
     <li id="Page2" class="tab"><a href="#">Page2</a></li>
</ul>

jquery code:

   $(".tab").click(function() { 
       var thisclick = $(this).attr("id");
       var links = $(this).parent();
       $(links).each(function() {
           $("#PG_" + $(this).attr("id") ).hide();
       });
        $("#PG_" + thisclick).show();
   });

Answer 1

because the links variable is a pointer to the ul element:

var links = $(this).parent();

change to this one may help you:

   $(".tab").click(function() { 
       var thisclick = $(this).attr("id");
       var links = $(this).parent();
       $(links).find("li").each(function() {
           $("PG_" + $(this).attr("id") ).hide();
       });
        $("PG_" + thisclick).show();
   });

Also, you can use

$(links).children("li").each( //etc

OR

$("li", links).each( //etc