javascript - 使用 Jquery 为仅包含指定文本的 html 列表元素提供背景颜色

Question

我有以下 html 脚本:

<ul>
<li class="container">
<div class="age">24</div>
<div class="married">no</div>
</li>

<li class="container">
<div class="age">27</div>
<div class="married">yes</div>
</li>

<li class="container">
<div class="age">56</div>
<div class="married"><!--empty--></div>
</li>

<li class="container">
<div class="age">34</div>
<div class="married">no</div>
</li>
</ul>

我希望只有 div.married 中包含 no 的 li 元素才能使用 Jquery 获得绿色背景。

我不明白为什么this code不起作用。如何获得预期的结果？

Answer 1

试试这个:

$(".container .married").filter(function() {
    return $(this).text() == "no";
}).closest('.container').css('background-color', 'green');

Example fiddle