jquery 获取子元素的限制jquery

Posted 2020-07-28 zhx119

今天练习jqueryAPI发现一个问题就是子元素如果采用nth-child,元素不同就获取不到，因此一个父元素下的子元素标签必须相同，如果不同第一个元素可以用这个方法实现，但是如果第二元素及以后如果出现不同的元素就会获取不到了。如下：

<div>
    <p>1</p>
    <a href="">123</a>
    <p>2</p>
</div>

采用$(‘div p:nth-child(1)‘).css(‘background‘,‘red‘);可以获取到第一个p元素，但是如果想获取第二p元素如果使用这个方法就无法获取到，我采用的方法就是：

$(‘div p:nth-child(1)‘).next().next().css(‘background‘,‘red‘);有点繁琐，哪位大侠看到有什么更好的办法，帮忙提个意见。