jQuery - 如何检查两个元素是否相同？

Question

我需要将一个元素传递给一个函数,然后在遍历父元素时匹配该特定元素.捕获(对于像我这样无能为力的人)是这个元素没有id.在下面的示例中,我希望每个元素都变为粉红色,除非单击的元素变为黄色

function colorize(element) {
    element.parent().find('span').each(function() {
        if ($(this)===element) { // the problem is this is always false
            $(this).css('background','yellow');
        } else {
            $(this).css('background','pink');
        }
    });
}
$('span').click(function() {
    colorize($(this));
});

Answer 1

比较JQuery对象将永远不会返回true,因为每个JQuery对象都是一个新对象,即使它们的选择器相等.

要比较元素,您必须检查DOM元素是否相等:

this === element.get(0);

Answer 2

您可以使用jQuery is()函数.原始答案可以在这里找到.

function colorize(element) {
    element.parent().find('span').each(function() {
        if ( $(this).is(element) ) {
            $(this).css('background','yellow');
        } else {
            $(this).css('background','pink');
        }
    });
}

Answer 3

使用 isEqualNode

this.isEqualNode(element)

或使用isSameNode(已弃用)

this.isSameNode(element)