Two consecutive pseudo selectors in jQuery don't work -
Two consecutive pseudo selectors in jQuery don't work -
i have issues selecting element jquery.
my html code comes downwards to:
<body> <p>dont mind me, sir</p> <p>select me please!</p> <p class="fabulous">so fab</p> </body> with jquery:
$(document).ready(function(){ $('p:not(.fabulous):last-child').css({'background':'yellow'}); }); with selector $('p:not(.fabulous):last-child') trying select lastly element of parent (body, in case) not have class "fabulous". $('p:not(.fabulous)') select non-fabulous children of body why can not select lastly kid of leftover p elements? i'd much appreciate reply concerning behaviour of :last-child , :not(, or whatever selector misunderstood.
thanks!
:last-child selects elements last child of parent. lastly (<p>) kid of <body> <p class="fabulous">.
so, when p:not(.fabulous):last-child, asking <p> both lastly kid of parent and doesn't have class fabulous. no such element exists.
you'd need utilize $('p:not(.fabulous):last') in case.
jquery jquery-selectors css-selectors
Comments
Post a Comment