Как проверить, что 2 селектора jQuery указывают на один и тот же элемент (ы)? - PullRequest
Новая
       9

Как проверить, что 2 селектора jQuery указывают на один и тот же элемент (ы)?

14 голосов
/ 22 февраля 2012

Если я попробую что-то вроде этого: 

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

... Я ошибаюсь. Если я вместо этого попробую этот запрос, 

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

... Я понял.

Это потому что: 

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

Мне интересно, есть ли какой-нибудь краткий способ проверить это равенство, желательно встроенный в jQuery. Второй метод, который я написал, работает корректно, только если существует не более одного элемента, который соответствует .foo. Решение должно работать для любого количества элементов.

Очевидно, я не хочу просто проверять ".foo" === ".foo", так как фактические выборы, которые я использую, являются более сложными. Я просто упростил их для этого примера. (Например, я хочу проверить, что $(this) выбирает то же самое, что и $(".foo").)

Ответы [ 5 ]

13 голосов
/ 22 февраля 2012

Я думаю, что вы ищете $().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 для этого ответа. Прочитав комментарии, я обновил его и решил, что этот ответ не является надежным для случая ОП.

7 голосов
/ 22 февраля 2012

В основной библиотеке нет ничего, что могло бы проверить равенство последовательностей объектов 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"))
4 голосов
/ 22 февраля 2012

Если вы хотите проверить, содержат ли оба набора точно одинаковых элементов (возможно, в другом порядке), тогда 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;
                 });
3 голосов
/ 22 февраля 2012

В качестве альтернативы ответу pimvdb (что очень приятно, я лишь предоставляю это для полноты), вы можете использовать тот факт, что add () не будет добавлять элементы, которые уже присутствуют в Объект jQuery. Поэтому вы можете написать: 

$.fn.containsSameElements = function(other) {
    var len = this.length;
    return other.length == len && this.add(other).length == len;
};
0 голосов
/ 22 февраля 2012

Хорошо, используя только встроенные jquery, это кажется правильным 

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

if ($ (oneSelector) .is ($ (anotherSelector))) ... они равны

...