确保两个项目在 JS / jQuery 中是同级的

Question

给定以下 HTML 结构：

<div class="wrap">
    <div id="a"></div>
    <div id="b"></div>
</div>

以下是错误的：

($('#a').parent() == $('#b').parent()); //=> false

即使：

$('#a').parent().children('#b').length; //=> 1

谁能解释为什么？谢谢！

Answer 1

由于 $('#a) == $('#a') 为 false 的原因相同，

每次 jQuery 构建一组元素时，它都会返回一个 < em>new 对象（即使 jQuery 对象包装了与另一个对象相同的元素）。在 JavaScript 中，只有一个对象与另一个对象相等的情况是它们是完全相同的对象；

var a = {
    foo: 1
};
var b = {
    foo: 1
};

(a == b) // false;

要解决此问题，您可以直接比较 DOM 对象（通过使用 .get(i) 或使用 jQuery 对象，例如数组 ([i]))，或者使用 is() 方法;

if ($('.foo').get(i) == $('.bar').get(i));
if ($('.foo')[0] == $('.bar')[0]);
if ($('.foo').is($('.bar')); // or even...
if ($('.foo').is('.bar')); 

Answer 2

我并不是 100% 确切地知道它不起作用的原因，但我相信这是因为元素被包装在 jQuery 对象中，每个元素本质上是不同的。

作为解决方法，您可以比较本机 DOM 对象，如下所示：

($('#a').parent()[0] == $('#b').parent()[0]); // true

示例 fiddle