jquery use :contains 为其他 div 编辑 css

【问题标题】：jquery use :contains to edit css for other divsjquery use :contains 为其他 div 编辑 css
【发布时间】：2023-03-11 01:26:01
【问题描述】：

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

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

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

知道如何根据一个div的内容同时改变几个div的css也是很好的。

【问题讨论】：

【解决方案1】：

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

$(".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");
}

【讨论】：