如何使用Jquery显示/隐藏所选Li
我有UL标签，其中包含Li和许多如何使用Jquery显示/隐藏所选Li,jquery,html-lists,show-hide,Jquery,Html Lists,Show Hide,我有UL标签，其中包含Li和许多类名， 我想显示那些类名相同的Li，并隐藏其他Li 这是 例如，在这里，如果我点击class1，那么“John，Michle，Alex”将可见，其余的都必须隐藏 编辑： 隐藏列表时也对Li进行排序 回答： 通过更改$（this.show（）到 $（this.parent（'Li'）.show（）解决了我的空白问题：）您在JSFIDLE中犯了一个简单的错误。 这是一个例子 我改了台词： if ($('#emplistName Ul Li Span').hasCla
类名，
我想显示那些类名相同的Li，并隐藏其他Li
这是
例如，在这里，如果我点击class1，那么“John，Michle，Alex”将可见，其余的都必须隐藏
编辑：
隐藏列表时也对Li进行排序
回答：
通过更改$（this.show（）到
$（this.parent（'Li'）.show（）解决了我的空白问题：）您在JSFIDLE中犯了一个简单的错误。
这是一个例子
我改了台词：
if ($('#emplistName Ul Li Span').hasClass(className) === true) {
致：
不要使用.live（）
，它已被弃用
不要使用.each（）
，这是不必要的
谢谢回复，效果很好，还有一件事我想做，当它隐藏时我想填充这些空白，我的意思是对这些列表进行排序谢谢你的回复，我使用.live（），因为我的UL标签在asp:UpdatePanel下，所以单击在那里不起作用
if ($(this).hasClass(className) === true) {
$("ul.tagingUL li").on("click", function () {
var className = $(this).attr('class');
$('#emplistName ul li span.'+className).show();
$('#emplistName ul li span:not(.'+className+')').hide();
});