Comparer tableaux jQuery avec plusieurs éléments DOM

Question

Considérez ceci:

<div class="test">one</div> 
<div class="test">two</div> 

<script> 

var i1 = $('.test'); 
var i2 = $('.test'); 

console.log(i1 == i2); 
console.log(i1 === i2); 
console.log(i1.is(i2)); 

</script> 

Ils ont tous l'impression faux bien qu'ils contiennent les mêmes éléments. On pourrait penser que .is() fonctionnerait pour comparer mais il doesnt. Comment compareriez-vous deux objets jQuery?

Answer 1

Nous pouvons utiliser .not()

var i1 = $('.test'); 
var i2 = $('.test'); 
alert(i1.not(i2).get().length == 0); //alerts true 

Answer 2

i1 et i2 sont des objets distincts créés par le constructeur jQuery. Les éléments à l'intérieur de vous peuvent comparer si vous le souhaitez.

i1[0] == i2[0].

Vous pouvez créer une fonction pour parcourir l'ensemble de l'élément à comparer et vous assurer que les éléments correspondent.

Vous pouvez également faire .is('.test') mais vous devez toujours spécifier le sélecteur.

Answer 3

Ce ne sont pas exactement les mêmes. Vous comparez le même élément, mais ils sont néanmoins différents.

L'appel .is() doit également échouer car l'élément i1 ne correspond pas i2. Vous pouvez utiliser .is() pour vérifier le nom de classe, par exemple:

i1.is('.text') === true 

mise à jour

à cause de votre commentaire, http://www.jsfiddle.net/htcxT/

peut-être vous cherchez même pour la méthode jQuery .unique() qui qui supprime les éléments DOM dupliqués d'un tableau: .unique()

Answer 4

i1 et i2 ne sont pas égaux car ils diffèrent objets inter.

On dirait que ce que vous voulez est de savoir si les éléments dans les deux objets jQuery sont les mêmes éléments.

Vous devez parcourir le contenu numérique de ces deux objets et les comparer à la place.

Par exemple, quelque chose comme:

for (var i = i1.length; i--;) { 
    if (!i2[i] || i2[i] !== i1[i]) { 
    // jquery objects don't contain same elements 
    } 
}