jquery如何获取拥有某个class的对象列表的的最后一个对象？

Question

如题，假设有下列结构：

<ul>
    <li class="world"></li>
    <li class="hello"></li>
    <li class="hello"></li>
    <li class="world"></li>
</ul>

我想获得有class属性并且值为hello的最后一个li，示例中就是第三个，请问该如何获取呢？

Answer 1

除了上面的，其实jq自己封装了很多实用的api，比如

$('.hello').last()

$('.hello').eq(-1)

Answer 2

var $hello = $('.hello');console.log($hello[$hello.length-1])

Answer 3

let arr = $('.hello');
let el = arr[arr.size() - 1];

Answer 4

$(".hello:last")