сравнивая объекты jQuery

Question

Я использую селектор, чтобы получить группу объектов (0 или больше):

var $openMenus = $Triggers.filter(".trigger-hover");

Тогда у меня есть событие, прикрепленное к предмету, который может или не может быть в объекте выше. В том событии, где я хочу сравнить элемент, который вызывает событие, с c

$([selector])
    .focus(function(){
        var $thisMenu = $(this);
        $openMenus.each(function(){
            if ($(this) != $thisMenu ){ 
                [do something]
            }
        }) 
    })

Это не будет работать. Хотя несколько объектов jQuery могут ссылаться на один и тот же объект DOM, они на самом деле являются отдельными объектами jQuery и никогда не будут сравнивать true.

Учитывая это, каков был бы способ справиться с этим? Как можно получить два объекта jQuery и сравнить их, чтобы увидеть, ссылается ли один объект jQuery на тот же элемент DOM, что и другой? *

Я мог бы дать каждому элементу, который я пытаюсь выбрать идентификатор, но мне интересно, есть ли другой способ сделать это, не добавляя больше в HTML.

Answer 1

Исходя из bobince, вместо использования wrapper [0] используйте правильный метод get (0) для возврата первого элемента, хранящегося в вашем объекте jQuery.

var focused = null;  
$(':input').focus( function() {  
   focused = $(this);  
   compare($(this)); 
   //Compare them...trivial but will return true despite being different jQuery objects.
}).blur( function() {           
   focused = null; 
});

function compare(element) {
   if (element.get(0) == focused.get(0)) {
      alert('The same');
   }
}

Answer 2

Вы не можете сделать сравнение на оболочке jQuery, но вы можете сделать это на базовом узле DOM. Потеряйте несколько долларов, и вы в порядке:

.focus(function(){
    var that= this;
    $openMenus.each(function(){
        if (this!==that){ 
            [do something]
        }
    });
})

(или используйте, например, wrapper[0], чтобы получить узел DOM из одноэлементной оболочки jQuery.)

(я использовал === для сравнения, потому что обычно оно лучше, но в этом случае оно тоже будет работать с ==.)

Answer 3

Для сравнения элементов DOM вы должны сравнить необработанные элементы, которые доступны как первый элемент в массиве, например: $ ('. Test') [0] .

Так что в вашем случае, код должен выглядеть так:

$([selector])
 .focus(function(){
    var $thisMenu = $(this);
    $openMenus.each(function(){
        if ($(this)[0] != $thisMenu[0]){ 
            [do something]
        }
    }) 
})

Answer 4

Я не знаю, почему вам не нужны значения "id", но вы всегда можете создать небольшой плагин jQuery, который будет присваивать элементам уникальные значения "id", если в них отсутствуют значения из исходного HTML.

jQuery.fn.setId = (function setupSetId() {
  var counter = 0; // or maybe new Date().getTime()
  return function setId() {
    return this.each(function setIdInternal() {
      var $self = jQuery(this);
      if (!$self.attr('id')) $self.attr('id', '_' + counter++);
    });
  };
})();

Затем вы можете написать другую утилиту для сравнения массивов jQuery по идентификатору элемента.

Answer 5

jQuery-объекты нельзя сравнивать напрямую, но этого легко достичь с помощью операций .add () или .not ():

var $thisMenu = $(this);
$openMenus.each(function(){
   if ($(this).add( $thisMenu ).length == 1 ){ 
       [do something]
   }
}) 

или

var $thisMenu = $(this);
$openMenus.each(function(){
   if ($(this).not( $thisMenu ).length == 0 ){ 
       [do something]
   }
}) 

Answer 6

Вы можете обойти это, используя функцию .siblings () в jQuery. Таким образом, вы можете избежать сравнения объектов.

$(this).mouseenter(
    function(){
        //use functions you want to replace "someFunctionHere"
        $(this).siblings().find('ul').someFunctionHere();
        //do something else...
    }
);