javascript - 无法使用.each获得ID

我正在选项卡页面上工作...我试图从循环中获取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>

jQuery代码：

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

最佳答案

因为links变量是指向ul元素的指针：

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

更改为这一选项可能会帮助您：

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

另外，您可以使用

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

要么

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