javascript - 父后代 jquery 选择器中的奇怪错误

Question

我已阅读有关 jquery 选择器的教程。

提到：

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 演示

Answer 1

你的标记是错误的

<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