Question

我有以下列表

<ul id="sections">
<li data="section1">Section1 <i class="icon-trash pull-right"></i></li>
<li data="section2">Section2 <i class="icon-trash pull-right"></i></li>
<li data="section3">Section3 <i class="icon-trash pull-right"></i></li>
<li data="section4">Section4 <i class="icon-trash pull-right"></i></li>
<li data="section5">Section5 <i class="icon-trash pull-right"></i></li>
<li data="section6">Section6 <i class="icon-trash pull-right"></i></li>
<li data="section7">Section7 <i class="icon-trash pull-right"></i></li>
<li data="section8">Section8 <i class="icon-trash pull-right"></i></li>
<li data="section9">Section9 <i class="icon-trash pull-right"></i></li>
</ul>

我需要在第1,3和3区内的<i>元素中添加一个类隐藏仅9。

使用jQuery

执行此操作的最佳方法是什么？

我正在尝试使用自定义数据属性选择器

$('li[data="section1"]')

Answer 1

这只是您的选择之一：

$('li[data="section1"] i, li[data="section3"] i, li[data="section9"] i').addClass('hide')

工作示例here。另外，请使用一些data-*属性，而不是data。

根据列表项的自定义属性值禁用列表中的某些元素

1 个答案: