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

您使用#content ID作为元素，但是您应该只在一个页面中使用一个ID，因此您应该将所有#content ID更改为类.content

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

进行此更改并尝试...

jquery隐藏显示使用索引

3 个答案: