javascript - 使用 hasClass() 显示匹配的列表项

Question

来自 JavaScript 新手的问题。我有一个这样的列表:

<ul>
<li class="class1 class2"> </li>
<li class="class3 class4"> </li>
<li class="class1 class3"> </li>
</ul>

所有列表项最初都是隐藏的，我需要检查某个项目是否具有特定的类别来显示它。如果多个项目包含一个类，我需要将它们全部显示出来。问题是，我不知道如何正确定位元素:

if ($('li').hasClass('class3')) {
/* show this li */
}

这里应该写什么？

Answer 1

这不起作用，因为 hasClass 仅检查第一个 li 返回是否有任何 li 具有该类。只需这样做:

$('li.class3').show()

如果您的条件变得更复杂，另一种编写方式是:

$('li').filter(function() {
    return $(this).hasClass('class3');
}).show()