Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
引导程序将jQuery addClass/removeClass折叠为仅单击的一个_Jquery_Twitter Bootstrap - Fatal编程技术网

引导程序将jQuery addClass/removeClass折叠为仅单击的一个

引导程序将jQuery addClass/removeClass折叠为仅单击的一个,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,部分问题是我不知道如何表达我想要的 这是我的jQuery $(".view-bio").click(function(){ if($("h2 a").hasClass("collapsed")) { $("h2 a").removeClass("collapsed"); } else { $("h2 a").addClass("collapsed"); } }); 我在WordPress中生成了一个无序列表。一切都正常,除了单击时,它是从所有列表项中添加/删除类,而不仅仅是单击

部分问题是我不知道如何表达我想要的

这是我的jQuery

$(".view-bio").click(function(){
if($("h2 a").hasClass("collapsed")) {
    $("h2 a").removeClass("collapsed");
} else {
    $("h2 a").addClass("collapsed");
}
});
我在WordPress中生成了一个无序列表。一切都正常,除了单击时,它是从所有列表项中添加/删除类,而不仅仅是单击的项

请帮忙。谢谢

在这里试试这个jsFiddle:

问题是您选择的是所有链接,而不是单击的链接

请参阅JSFIDLE中的示例代码;我使用
$(this)
引用触发单击事件的元素,并仅在该特定元素上切换
折叠的

编辑:以下是我使用的代码:

$('h2 a').click(function() {
    $(this).toggleClass('collapsed');
});

希望这有帮助。

您能展示一个HTML示例,以便我们能够正确回答您的问题吗
$(“h2 a”)
将选择包含在
h2
@KenrickChien中的所有
a
元素以下是网站: