jquery - 根据 jQuery 中的 html 值选择一个元素

Question

我有以下标记: <ul class="list">
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

如何选择 html 值为 5 和 6 的 li 项并为其添加类？

Answer 1

一个选项是 :contains selector ...

$("li:contains(5),li:contains(6)").addClass("myClassName");

但是，由于它只是在查找该文本而不匹配全部内容，因此它也将匹配 <li><b>56</b></li> , <li><b>16</b></li> , 等等。

因此，您可能应该改为使用 .filter()像这样:

$("li").filter(function () {
    var text = $(this).text();
    return text === "5" || text === "6"
}).addClass("myClassName");