javascript - 无法使用 .each 获取 id

Question

我正在处理选项卡页面...我正在尝试从循环中获取 li 的 ID，然后将其隐藏。未找到 ID。

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

j查询代码:

   $(".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

如果我正确理解您的问题，您的页面上会有一些相应的元素，只有在单击基础链接时才会显示这些元素。如果是这种情况，那么这将起作用:

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

http://jsfiddle.net/gdc88/4/