jquery - jquery隐藏显示使用索引

Question

我有多个链接可以在同一页面显示相关内容显示我使用了这个，

$("#option .link").click(function(){
    Options=$("#option .link").index(this);
    $("#content").hide();
    $("#content:eq("+Options+")").show();
})

但这不起作用

Answer 1

只有一个元素可以具有id等于content，因为 id 是唯一的。您可能需要像使用.link.

另一方面，Index在您的代码中是一个全局变量。应避免使用全局变量，实际上不需要全局变量，因此使用var Index.

Answer 2

你的想法是对的..但是你不应该为一个以上的元素使用相似的ID。在这里，你使用#content（似乎）来表示一个以上的元素..

上课试试。。

$("#option .link").click(function(){
    Options=$("#option .link").index(this);
    $(".content").hide();
    $(".content:eq("+Options+")").show();
})

Answer 3

您使用#contentid 作为元素，但您应该在一页中只使用一个 id，因此您应该将所有#contentid 更改为 class.content

$("#option .link").click(function(){
   Options=$("#option .link").index(this);
   $(".content").hide();
   $(".content:eq("+Options+")").show();
});

进行此更改并尝试...