jquery - 寻址 ul、li 中的第一个/最后一个项目

Question

如何检查被单击的 DOM 元素是无序列表项中的“第一个”li 元素还是“最后一个”li 元素？

Answer 1

根据您在编辑之前出现的问题以及您的评论，您似乎正在响应被单击的 li img，并尝试查明该内容是否包含 li 是第一个或最后一个子元素。

使用.is()与 .closest() 一起检查:

$('ul li img').click(function() {
    var $li = $(this).closest('li');

    if ($li.is(':first-child')) {
        // First
    } else if ($li.is(':last-child')) {
        // Last
    }
});