过滤数据属性jQuery

时间:2014-11-19 15:12:36

标签: javascript jquery html html5

我正在尝试根据他们拥有的数据属性来过滤我的列表项。请参阅下面的代码:

HTML

<li data-process="test 1 ; test 2 ; test 3;">Item</li>
<li data-process="test 2 ; test 3;">Item</li>
<li data-process="test 1 ; test 2 ; test 3;">Item</li>
<li data-process="test 2 ; test 3;">Item</li>
<li data-process="test 1 ; test 2 ; test 3;">Item</li>

JS

$('[data-process="test1"]').hide();

那么我希望所有带有测试1的项目都隐藏起来。

提前致谢!

1 个答案:

答案 0 :(得分:6)

使用包含选择器:

$('li[data-process*="test 1"]').hide();

看到这个小提琴:http://jsfiddle.net/zfdLvndy/1/

但请记住,检索这样的元素会花费很多......