Getting last child of each parent with jQuery
css-selectors, jquery, jquery-selectors, pseudo-class
Solution
I would use the CSS :last-child pseudo-class but since it was introduced in CSS3 and IE8 doesn't support it, I cannot
You can since you're using jQuery to select your elements, because jQuery implements it itself so that browsers that don't support it natively in CSS can still use it:
$("ul li:last-child")
Problem
Is there an easy way to select last li of each of these lists with jQuery? ``` <ul> <li>1</li> <li>2</li> <li>3</li> </ul> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <ul> <li>1</li> <li>2</li> </ul> ``` I've tried those two methods but both of them return only one element. ``` $("ul li").last() $("ul li:last") ``` I would use the CSS :last-child pseudo-class but since it was introduced in CSS3 and IE8 doesn't support it, I cannot