如何检查 2 个 jQuery 选择器是否指向相同的元素？

Question

如果我尝试这样的事情：

$(".foo") === $(".foo") // = false

...我会犯错。如果我尝试这个查询，

$(".foo").get(0) === $(".foo").get(0) // = true

...我就明白了。

那是因为：

{a:myObject} !== {a:myObject};
[myObject]   !== [myObject];
myObject     === myObject;

我想知道是否有任何简洁的方法来测试这种相等性，最好内置于 jQuery 中。我编写的第二种方法只有在最多有一个元素与 .foo 匹配的情况下才能正确工作。该解决方案应该适用于任何数量的元素。

显然我不想只检查 ".foo" === ".foo" 因为我使用的实际选择更复杂。我只是在这个例子中简化了它们。 （例如，我可能想检查 $(this) 是否选择与 $(".foo") 相同的内容。）

Answer 1

我认为您正在寻找 $().is。 此处的文档。

var foo, bar;

foo = $('foo');
bar = $('.bar');

// This will check to see foo and bar contain the same elements
foo.is(bar); // true | false

编辑：@lolwut为此答案提供了jsfiddle。阅读评论后，我更新了它并确定这个答案对于OP的情况并不可靠。

Answer 2

核心库中没有任何内容可以检查 jQuery 对象的序列相等性，但是以下应该可以解决问题：

$.fn.sequenceEqual = function(compareTo) {
  if (!compareTo || !compareTo.length || this.length !== compareTo.length) {
    return false;
  }
  for (var i = 0, length = this.length; i < length; i++) {
    if (this[i] !== compareTo[i]) {
      return false;
    }
  }
  return true;
} 

可以像这样使用：

$(".foo").sequenceEqual($(".bar"))

为了完整性，可以像这样编写内容相等方法：

$.fn.contentsEqual = function(compareTo) {
  return compareTo && this.length === compareTo.length && this.length === this.filter(compareTo).length;
}

可以像这样使用：

$(".foo").contentsEqual($(".bar"))

Answer 3

如果您想检查两个集合是否包含完全相同相同的元素（可能顺序不同），则将 Array#every 与 $.fn.index 结合使用 可以完成这项工作：

var $this  = $("p"),
    $other = $("p");


// same length and $other contains each element of $this

var equal = $this.length === $other.length
              && Array.prototype.every.call($this, function(elem) {
                   return $other.index(elem) > -1;
                 });

Answer 4

作为 pimvdb 答案的替代方案（这非常好，我只是为了完整性而提供此答案），您可以利用 add() 不会添加 jQuery 对象中已经存在的元素。因此，你可以写：

$.fn.containsSameElements = function(other) {
    var len = this.length;
    return other.length == len && this.add(other).length == len;
};

Answer 5

好的，仅使用 jquery 内置函数，这似乎是正确的

$(oneSelector).filter($(anotherSelector)).length == 1

if ($(oneSelector).is($(anotherSelector)))... 它们相等