jquery - 如何使用 Jquery 显示/隐藏选定的 Li

标签 jquery html-lists show-hide

我有 UL 标签,其中包含 Li 和许多类名
我想显示那些类名相同的Li并隐藏其他的。

这里 <强> JSFiddle DEMO

例如,如果我点击 class1,那么“John,Michle,Alex”将可见,其余的都必须隐藏

编辑: 隐藏列表时也对 Li 进行排序

答案:

通过将 $(this).show(); 更改为 $(this).parent('Li').show(); 解决了我的空格问题:)

最佳答案

您在 jsfiddle 中犯了一个简单的错误。 这是 fix .

我改变了线路:

if ($('#emplistName Ul Li Span').hasClass(className) === true) {

至:

if ($(this).hasClass(className) === true) {

关于jquery - 如何使用 Jquery 显示/隐藏选定的 Li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15174205/

相关文章:

javascript - 表格单元格为空时显示警告框

javascript - 如何按时间打开和关闭注册表

javascript - 无法在 div 上应用简单的隐藏功能

javascript - 使用 D3.js 的实时图表

javascript - Angular.js 搜索查询(如果搜索表单不在当前文件中)

php - mysql问题动态下拉

html - IE7 <li> 元素符号或数字显示在 div 之外

html - 无法让图像在 UL 的右侧 float

javascript - 新创建的 UL LI 元素上的单击事件

javascript - 隐藏 slider 中具有相同 id 的空图像