怎么改變才可以把3個(gè)ul下的最后一個(gè)li改變呀
<script?type="text/javascript"> ????$("button:first").click(function()?{ ????????$('.left').children().children().children(':last').css('border','red?solid?3px') ????}) ????</script>
<div?class="left?first-div"> ????????<div?class="div"> ????????????<ul?class="level-1"> ????????????????<li?class="item-1">1</li> ????????????????<li?class="item-2">2</li> ????????????????<li?class="item-3">3</li> ????????????</ul> ????????</div> ????????<div?class="div"> ????????????<ul?class="level-2"> ????????????????<li?class="item-1">1</li> ????????????????<li?class="item-2?test">2</li> ????????????????<li?class="item-3">3</li> ????????????</ul> ????????</div> ????????<div?class="div"> ????????????<ul?class="level-3"> ????????????????<li?class="item-1">1</li> ????????????????<li?class="item-2">2</li> ????????????????<li?class="item-3">3</li> ????????????</ul> ????????</div> ????</div>
為啥光最后一個(gè)的ul下的最后一個(gè)li改變了
$('.left').children().children().children(':last').css('border','red solid 3px')?
怎么改變才可以把3個(gè)ul下的最后一個(gè)li改變呀
2017-09-26
2020-04-02
$('ul').children(':last-child').css('border', '1px solid red');
2019-07-10
?$(".left").find("ul").find(":last").css("border", "2px solid red");
2019-03-15
2018-11-01
$('.left').find($('li:last')).css("border","red 1px solid")
2018-10-07
$("li:last-child").css("border","3px solid red");
2018-02-04
$('.left').find('.item-3').css('border','3px solid red')
2017-10-24
$(".left").find("li:contains('3')").css("border","1px solid red");
2017-10-07
?$(".left .div").find("li:last").css("border","1px red solid")
2017-09-28
$(".left").find("li:last-child").css("border","1px solid red")//利用 ?last-child篩選器篩選屬于其父元素最后一個(gè)元素的li