2

特定のプロパティを持つ要素の親にスタイルを適用するにはどうすればよいですか? これが私が取り組んでいる例です...

<div>
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
</div>
<div>
    <div class="inner active"></div>
    <div class="inner"></div>
    <div class="inner"></div>
</div>
<div>
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
</div>

... 'inner' クラスを持つ子要素に 'active' クラスも含まれている場合、out div に背景色を適用したいと考えています。これは、私が一緒にハッキングしたjQueryソリューションですが、機能していないようです...

if ($("div.inner").hasClass("active")) {
    $(this).parent().css("background", "yellow");
};

誰かが修正またはより良いアプローチを念頭に置いていますか? ありがとう。

また、オプションで、特定のクラスが適用されるのではなく、「内部」div 内の特定のテキストに基づいてスタイルを適用するにはどうすればよいですか? 再度、感謝します。

4

3 に答える 3

16 
$("div.inner.active").parent().css("background", "yellow");

jsFiddle: http://jsfiddle.net/g4gBx/1/

于 2012-05-21T20:58:51.187 に答える
0

現時点では、純粋な CSS の子要素の属性、プロパティ、またはテキストに基づいて、親要素のスタイルに影響を与える方法がないことに注意することも重要です。

于 2012-05-21T20:59:54.553 に答える