PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

jquery :first-child选择器在这种情况下为什么会无效呢?

黄舟
黄舟 原创
2017-06-23 14:32:40 1382浏览

为什么多了那个h2标签,jQuery中的first-child就无法生效呢?见下图所示。谢谢了

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$('div p:first-child').css('backgroundColor', '#555');
});
</script>	
</head>
<body>
<html>
<div>
    <h2>hello</h2>
    <p>A</p>
    <p>B</p>
    <p>C</p>
    </div>
    <div>
    <p>D</p>
    <p>E</p>
    <p>F</p></div>
    <div>
    <p>G</p>
    <p>H</p>
    <p>I</p>
    </div>
    </body>
    </html>

1591.jpg

first-child只会遍历到第一个子元素

因第一个div里,没有第一个且p的元素

$("div > p").first()

但是选择的是p标签,并不是h2啊?

$("div > p").first()

不行。只有A有效果,D和G没有效果。

nth-of-type

以上就是jquery :first-child选择器在这种情况下为什么会无效呢?的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。