¿Cómo verifico si 2 selectores jQuery apuntan al mismo elemento (s)?

Question

si intento algo como esto:

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

... me sale falsa. Si, en cambio, intento esta consulta,

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

... Me hago cierto.

Esto se debe a:

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

Me pregunto si hay alguna manera sucinta para la prueba de esta igualdad, preferentemente integrado en jQuery. El segundo método que escribí solo funciona correctamente si hay como máximo un elemento que coincide con .foo. La solución debería funcionar para cualquier cantidad de elementos.

Obviamente no quiero simplemente comprobar ".foo" === ".foo" ya que las selecciones que estoy usando son más complicadas. Simplemente los simplifiqué para este ejemplo. (Por ejemplo, es posible que quiera comprobar que $(this) es la selección de la misma cosa que $(".foo").)

Answer 1

No hay nada en la biblioteca central para comprobar la igualdad secuencia de objetos jQuery, sin embargo, el siguiente debe hacer el truco:

$.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; 
} 

lo que sería utilizable como tal:

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

Para completar, un método igual contenido podría escribirse así:

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

Cuál sería utilizable como tal:

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

Answer 2

Ok, usando solamente órdenes internas jQuery, este parece ser el más adecuado

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

if ($ (oneSelector) .is ($ (anotherSelector))) ... son iguales

Answer 3

Si desea comprobar si ambos conjuntos contienen exactamente el mismo eleme NTS (posiblemente en un orden diferente), entonces Array#every en combinación con $.fn.index podrían hacer el trabajo:

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

Creo que busca $().is. Docs here.

var foo, bar; 

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

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

Editar: @lolwut proporcionó una jsfiddle para esta respuesta. Después de leer los comentarios, los actualicé y determiné que esta respuesta no es confiable para el caso del OP.

Answer 5

Como alternativa a la respuesta de pimvdb (que es muy buena, solo estoy proporcionando esto para que esté completa), puede aprovechar el hecho de que add() no agregará elementos que ya están presentes en el objeto jQuery.Por lo tanto, se puede escribir:

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