it-swarm.com.de

Überprüfen Sie, ob das Element in jQuery vorhanden ist

Wie überprüfe ich, ob ein Element vorhanden ist, wenn das Element mit der Methode .append() erstellt wurde? $('elemId').length funktioniert bei mir nicht.

1177
Nick

$('elemId').length funktioniert bei mir nicht.

Sie müssen # vor die Element-ID stellen:

$('#elemId').length
---^

Mit Vanilla JavaScript benötigen Sie keinen Hash (#), z. document.getElementById('id_here') Wenn Sie jedoch jQuery verwenden, müssen Sie Hashes genau wie CSS auf der Basis von id auf Zielelemente setzen.

1641
Sarfraz

Versuchen Sie, die Länge des Selektors zu überprüfen. Wenn er Ihnen etwas zurückgibt, muss das Element vorhanden sein, ansonsten nicht.

 if( $('#selector').length )         // use this if you are using id to check
{
     // it exists
}


 if( $('.selector').length )         // use this if you are using class to check
{
     // it exists
}
340
Tapan kumar

Versuche dies:

if ($("#mydiv").length > 0){
  // do something here
}

Die Eigenschaft length gibt Null zurück, wenn das Element nicht vorhanden ist.

125
Gaurav123

Wie überprüfe ich, ob ein Element vorhanden ist?

if ($("#mydiv").length){  }

Wenn es 0 ist, wird es zu false ausgewertet, etwas mehr als dieses true.

Es besteht keine Notwendigkeit für einen Vergleich von mehr als, weniger als.

60
lfender6445

ihr elemId ist, wie der Name schon sagt, ein Id -Attribut. Mit diesen Schritten können Sie überprüfen, ob es existiert:

Vanilla JavaScript: falls Sie fortgeschrittenere Selektoren haben:

//you can use it for more advanced selectors
if(document.querySelectorAll("#elemId").length){}

if(document.querySelector("#elemId")){}

//you can use it if your selector has only an Id attribute
if(document.getElementById("elemId")){}

jQuery:

if(jQuery("#elemId").length){}
27
Mehran Hatami

Sie können auch eine Array-ähnliche Notation verwenden und nach dem ersten Element suchen. Das erste Element eines leeren Arrays oder einer leeren Sammlung ist einfach undefined, sodass Sie das "normale" wahrheitsgemäße/falsche JavaScript-Verhalten erhalten:

var el = $('body')[0];
if (el) {
    console.log('element found', el);
}
if (!el) {
    console.log('no element found');
}
13
loopmode

Sie können native JS verwenden, um die Existenz eines Objekts zu testen:

if (document.getElementById('elemId') instanceof Object){
    // do something here
}

Vergessen Sie nicht, dass jQuery nichts anderes als ein ausgefeilter (und sehr nützlicher) Wrapper für native Javascript-Befehle und -Eigenschaften ist

9
Webomatik