Wie bestimme ich, ob zwei jQuery-Objekte gleich sind? Ich möchte in der Lage sein, ein Array nach einem bestimmten jQuery-Objekt zu durchsuchen.
$.inArray(jqobj, my_array);//-1
alert($("#deviceTypeRoot") == $("#deviceTypeRoot"));//False
alert($("#deviceTypeRoot") === $("#deviceTypeRoot"));//FalseAntworten:
Seit jQuery 1.6 können Sie verwenden .is. Unten ist die Antwort von vor über einem Jahr ...
var a = $('#foo');
var b = a;
if (a.is(b)) {
// the same object!
}Wenn Sie sehen möchten, ob zwei Variablen tatsächlich dasselbe Objekt sind, z.
var a = $('#foo');
var b = a;... dann können Sie ihre eindeutigen IDs überprüfen. Jedes Mal, wenn Sie ein neues jQuery-Objekt erstellen, erhält es eine ID.
if ($.data(a) == $.data(b)) {
// the same object!
}Obwohl das gleiche mit einem einfachen a === berreicht werden könnte, könnte das Obige zumindest dem nächsten Entwickler genau zeigen, worauf Sie testen.
Auf jeden Fall ist das wahrscheinlich nicht das, wonach Sie suchen. Wenn Sie überprüfen möchten, ob zwei verschiedene jQuery-Objekte denselben Satz von Elementen enthalten, können Sie Folgendes verwenden:
$.fn.equals = function(compareTo) {
if (!compareTo || this.length != compareTo.length) {
return false;
}
for (var i = 0; i < this.length; ++i) {
if (this[i] !== compareTo[i]) {
return false;
}
}
return true;
};var a = $('p');
var b = $('p');
if (a.equals(b)) {
// same set
}$(':first')und$('*:first')
equalsFunktion scheint auftragsabhängig zu sein. So etwas wie stackoverflow.com/a/29648479 würde in mehr Fällen funktionieren, obwohl es langsamer ist.
Wenn Sie es immer noch nicht wissen, können Sie das ursprüngliche Objekt zurückerhalten, indem Sie:
alert($("#deviceTypeRoot")[0] == $("#deviceTypeRoot")[0]); //True
alert($("#deviceTypeRoot")[0] === $("#deviceTypeRoot")[0]);//Trueda gibt $("#deviceTypeRoot")auch ein Array von Objekten zurück, die der Selektor ausgewählt hat.
true, da Sie die Referenz des DOM-Elements vergleichen. ==Vs ===gibt Ihnen die gleichen Ergebnisse (kein Typzwang erforderlich, es handelt sich nur um zwei Objektreferenzen)
Die $.fn.equals(...)Lösung ist wahrscheinlich die sauberste und eleganteste.
Ich habe so etwas schnelles und schmutziges ausprobiert:
JSON.stringify(a) == JSON.stringify(b)Es ist wahrscheinlich teuer, aber das Bequeme ist, dass es implizit rekursiv ist, während die elegante Lösung dies nicht ist.
Nur meine 2 Cent.
{a: 1, b: 2}und {b: 2, a: 1}dies wird zurückkehren, falsewenn es zurückkehren sollte true.
Es ist im Allgemeinen eine schlechte Idee, $ (foo) mit $ (foo) zu vergleichen, da dies funktional dem folgenden Vergleich entspricht:
<html>
<head>
<script language='javascript'>
function foo(bar) {
return ({ "object": bar });
}
$ = foo;
if ( $("a") == $("a") ) {
alert ("JS engine screw-up");
}
else {
alert ("Expected result");
}
</script>
</head>
</html>Natürlich würde man nie erwarten, dass "JS-Motor versaut". Ich benutze "$", um zu verdeutlichen, was jQuery tut.
Immer wenn Sie $ ("# foo") aufrufen, führen Sie tatsächlich eine jQuery ("# foo") aus, die ein neues Objekt zurückgibt . Es ist also nicht korrekt, sie zu vergleichen und dasselbe Objekt zu erwarten.
Was Sie jedoch tun können, ist Folgendes:
<html>
<head>
<script language='javascript'>
function foo(bar) {
return ({ "object": bar });
}
$ = foo;
if ( $("a").object == $("a").object ) {
alert ("Yep! Now it works");
}
else {
alert ("This should not happen");
}
</script>
</head>
</html>Also wirklich sollten Sie vielleicht die ID-Elemente der jQuery-Objekte in Ihrem realen Programm vergleichen, also so etwas wie
...
$(someIdSelector).attr("id") == $(someOtherIdSelector).attr("id")ist angemessener.
Verwenden Sie die Methode Underscore.js isEqual http://underscorejs.org/#isEqual
Bestellen Sie Ihr Objekt zunächst anhand des Schlüssels mit dieser Funktion
function sortObject(o) {
return Object.keys(o).sort().reduce((r, k) => (r[k] = o[k], r), {});
}Vergleichen Sie dann die stringifizierte Version Ihres Objekts mit dieser Funktion
function isEqualObject(a,b){
return JSON.stringify(sortObject(a)) == JSON.stringify(sortObject(b));
}Hier ist ein Beispiel
Angenommen, Objektschlüssel sind unterschiedlich geordnet und haben dieselben Werte
var obj1 = {"hello":"hi","world":"earth"}
var obj2 = {"world":"earth","hello":"hi"}
isEqualObject(obj1,obj2);//returns trueWenn Sie überprüfen möchten, ob der Inhalt gleich ist oder nicht, verwenden Sie einfach JSON.stringify (obj).
ZB - var a = {key: val};
var b = {key: val};
JSON.stringify (a) == JSON.stringify (b) -----> Wenn der Inhalt gleich ist, werden Sie wahr.
A.selector === B.selector && A.context === B.context. Oft ist der Kontext immer der gleiche, daher müssen wir nur den Selektor berücksichtigen.