jQuery - jak sprawdzić, czy dwa elementy są takie same?

Question

Muszę przekazać element do funkcji, a następnie dopasować ten konkretny element podczas przechodzenia przez obiekt nadrzędny. Połów (dla kogoś bez bladego jak ja) jest to, że ten element nie ma id. W poniższym przykładzie, chcę każdy element koloru różowego z wyjątkiem jednego kliknięcia na które powinny żółkną

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

Porównywanie obiektów JQuery nigdy nie wróci prawda, bo każdy obiekt jQuery jest aa nowy obiekt, nawet jeśli ich selektory są równy.

Aby porównać elementy, trzeba sprawdzić, czy elementy DOM są równe:

this === element.get(0); 

Answer 2

Nie musiał. Zawsze stosujesz specjalny styl do jednego konkretnego elementu, więc pomaluj je wszystkie, a następnie zmień kolor określonego elementu.

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

    element.css('background','yellow'); 
} 

Problem z porównaniem polegał na porównaniu dwóch obiektów (obiektów jQuery). Przy porównywaniu obiektów, chyba że są one kierujące do tej samej rzeczy, są one uważane za nierówne:

var o1 = {}; 
var o2 = {}; 
o1 !== o2; 

Można to obejść poprzez usunięcie opakowanie jQuery:

function colorize(element) { 
    var realElement = element[0]; 

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

ten sposób, jesteś porównywanie elementów DOM z elementami DOM, a nie jabłek z pomarańczami lub obiektami.

Answer 3

Zastosowanie isEqualNode

this.isEqualNode(element) 

Albo użyć isSameNode (przestarzałe)

this.isSameNode(element) 

Answer 4

Można użyć funkcji jQuery is(). Oryginalną odpowiedź można znaleźć here.

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