0

別の div に特定の単語が含まれている場合、:contains を使用して div の css スタイルを変更しようとしています。

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

フィドルをセットアップしましたが、最後の行がわかりませんか??

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

また、div の内容に基づいて複数の div の css を同時に変更する方法を知っておくとよいでしょう。

4

1 に答える 1

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");
}
于 2013-04-19T13:05:01.067 に答える