jquery - 如何使用 jQuery 检查 DOM 是否相等？

Question

我基本上正在构建一个简单的列表，并选择列表中的一项。我通过将“选定”类应用于我想要选择的任何项目来实现此目的。我有两个前进和后退的按钮，可以遍历这个列表。但是，当用户到达列表中的第一个或最后一个元素时，我想进行回发。这就是我陷入困境的地方，因为我无法识别当前选定的项目不是第一个或最后一个。

简单示例:

<div id="list">
    <p>item 1</p>
    <p>item 2</p>
    <p class="selected">item 3</p>
</div>

假设用户按下一个按钮，此时我正在检查类似的内容:

if (jQuery('#list p.selected') == jQuery('#list p:last-child'))
    //do post back

但是，这种逻辑返回错误，这让我相信我正在以错误的方式处理这个问题。

使用 jQuery 检查这种逻辑的最佳方法是什么？

Answer 1

尽管您可以像 Matt 所示的那样比较 jquery 对象，或者简单地使用索引运算符

if($("#list p.selected")[0] == $("#list p:last-child")[0])...

这对于 jQuery 来说很少需要。有is更好的方法!

if($("#list p.selected").is(":last-child"))....

反之亦然，更具可读性

if($("#list p:last-child").is(".selected"))....