jquery - 在jQuery中通过包含文本来选择元素

Question

我有许多 div 的列表。每个块总是遵循这种模式，在页面上多次出现。

<div ...>
    <div ...>count</div>
    <div ...>Unread</div>
</div>

目标是检查兄弟div，如果计数不为零，则修改 css. 否则跳过。

它们没有ids，并且类名发生了变化。其他人编写了 html，所以我无法改进。

我的代码似乎没有选择包含“未读”的 div。它应该修改颜色。

如果选择使用contains("Unread")确实有效，我应该能够通过使用父级来获取兄弟姐妹吗？

$("div:contains('Unread')").css("background-color:red !important;");

score 3 · Accepted Answer

您的问题不在于选择元素，而在于您使用css：

.css("background-color", "red");

设置值时，.css有两个参数，第一个是属性，第二个是值。

score 1 · Accepted Answer

1

$("div:contains('Unread')").css({"background-color":"red"});

于 2013-10-23T20:56:02.090 回答

score 1 · Accepted Answer

css 语法不正确，但我认为单独修复它不会让你得到你想要的。选择器匹配您想要的 div的:contains()父级。您可以filter改用：

$('div').filter(function() {
    return $(this).text() == 'Unread' && $(this).siblings('div').text() != "0";  
}).css("background-color", "red");

3 回答 3