Jquery用法:包含为其他div编辑CSS

Question

我试图使用:contains来改变一个div的css样式，如果另一个div包含某些词，例如，我可以使用这个代码来找到改变父，但我怎么能做到这不是一个父div ?

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

我有一个小提琴设置，它的最后一行，我不明白??

http://jsfiddle.net/bloodygeese/nTJTg/4/

了解如何根据一个div的内容同时更改多个div的CSS也会很好。

Answer 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");
}