本文实例为大家分享了jQuery子元素选择器,供大家参考,具体内容如下
<script type="text/javascript">
//查找class="first-div"下的最后一个a元素
//针对所有父级下的最后一个
//如果只有一个元素的话,last也是第一个元素
$(".first-div a:last-child").css("color","red");
<script type="text/javascript">
//查找class="first-div"下的只有一个子元素的a元素
$(".first-div a:only-child").css("color","blue");
:nth-child、:nth-last-child
:first-child
第二个元素
<script type="text/javascript">
//查找class="last-div"下的第二个a元素
$(".last-div a:nth-child(2)").css("color","#CD00CD");
<script type="text/javascript">
//查找class="last-div"下的倒数第二个a元素
$(".last-div a:nth-last-child(2)").css("color","red");