0

jquery selectors に関するチュートリアルを読みました。

次のことが述べられています。

parent descendant - $("div p") - All <p> elements that are descendants of a <div> element

彼らは正常に動作するデモを提供しました:

しかし、私はまだこれがうまくいかない理由を理解することができません:

<p class="ee">
    <h4><span> The backgroud color don't changed</span></h4>
</p>
<script>
    $(".ee span").css("background-color","yellow");
</script>

jsfiddleデモ

4

1 に答える 1

4

あなたのマークアップは間違っています

<p class="ee">
     <h4><span> The backgroud color don't changed</span></h4>
</p>

タグの内側にタグを<h4>含めることはできませんp

browser renderこのように

<p class="ee"></p>
     <h4><span> The backgroud color don't changed</span></h4>
<p></p>

したがって、以下のセレクターは機能しません。span内部クラスがないためee

$(".ee span").css("background-color","yellow");

P 要素は段落を表します。ブロック レベルの要素 (P 自体を含む) を含めることはできません。

http://www.w3.org/TR/html401/struct/text.html#h-9.3.1

于 2013-10-27T12:52:34.737 に答える