jquery - jquery use :contains 为其他 div 编辑 css

Question

如果另一个 div 包含某些单词，我正在尝试使用 :contains 来更改 div 的 css 样式，例如我可以使用此代码来查找更改父级，但是对于不是父级的 div，我该如何做呢？

$(".readmorecircle:contains('Huge')").parent().css("border", "2px solid #ffff00");

我设置了一个小提琴，它是我无法弄清楚的最后一行？

最好知道如何根据一个 div 的内容同时更改几个 div 的 css。

score 1 · Accepted Answer

实际上，您在小提琴中的最后一行是不正确的。代替这个：

$(".readmorecircle:contains('Huge')").readmorecircle3().css("border", "2px solid #ffff00");

应该是这样的：

$(".readmorecircle:contains('Huge')").parent().css("border", "2px solid #ffff00");

此外，最后的 HTML 不正确。代替这个：

<div id="readmorecircle3"></div>
    <p class="readmorecircle">Huge</p>

应该是这样的：

<div id="readmorecircle3">
   <p class="readmorecircle">Huge</p>
</div>

更新：

if ($(".readmorecircle:contains('Huge')").length) {
    $("#readmorecircle3").css("border", "2px solid #ffff00");
}

1 回答 1