如何让jquery的所有第一个子元素都有一个特定的css类,而不管这些Html元素在DOM树中的深度如何?
发布于 2017-06-20 04:43:42
它就在文档中::first-child
说明:选择作为父级的第一个子级的所有元素。
演示:
$('div:first-child').css({border: '1px solid'});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<div>I am a first child</div>
<div>I am a second child
<div> I am a nested first child</div>
<div> I am a nested second child</div>
</div>
</div>
<div>Yet another div child of the body</div>
发布于 2017-06-20 04:44:48
如果您使用的是jQuery,您可以只针对类名,它将为您将所有实例放入一个数组中-无论深度如何。
例如:
var children = $('.childclass');
console.log(children.length)//returns "3".
$(children[1]) //returns the second "childclass" instance
$(children[1]).css('color', 'red'); //will give the 2nd instance of the childclass red text.https://jsfiddle.net/z1djzo2n/
<div class="topclass">
<div class="childclass">
<div class="someotherclass"></div>
<div class="childclass"></div>
</div>
<div class="childclass"></div>
</div>否则,如果您希望在不使用jQuery的情况下单独针对它们,则可以使用:first-child选择器。
https://stackoverflow.com/questions/44639582
复制相似问题