Überprüfen, ob ein Element ein bestimmtes Kindelement enthält

Question

Ich habe viele div s, die manchmal Links enthalten. Ich möchte überprüfen, ob sie einen Link haben oder nicht. Dies ist mein Versuch:

var container = $(this).closest('.content').find('.text'); 

    //Check if text contains a tags 
    if(container+':has(a)'){ 
     alert('contain link'); 
    } 
    else{ 
     alert('no link found'); //Alert "contain link" even if no link is found. 
    } 

von container.html() tut ich den genauen Inhalt container einschließlich Anker-Tags sehen kann, aber mein Code oben wird immer sagen, dass es nicht den Anker-Tag findet.

Kann mir jemand sagen, was ich falsch mache?

Answer 1

Änderung dieser:

if(container.find("a").length){ ... 

container ist ein jQuery-Objekt und .find() ist eine Funktion des Objekts, die Elemente innerhalb es findet. Eine Länge größer als 0 bedeutet, dass es ein Anker-Tag findet und es wird als wahr ausgewertet.

Edit:

, auch zu erklären, warum Ihr Beispiel nicht funktioniert. Wenn Sie container+':has(a)' tun, führen Sie eine Zeichenfolgenverkettung aus, die toString() auf Ihrem Objekt ausführt (in "[object Object]" konvertieren). Sie erhalten also die Zeichenfolge "[Objekt Objekt]: has (a)", die immer als wahr ausgewertet wird.

Answer 2

Sie können die length-Eigenschaft eines Selektors verwenden, um festzustellen, ob Elemente gefunden wurden. Versuchen Sie folgendes:

var $container = $(this).closest('.content').find('.text'); 

if ($('a', $container).length) { 
    alert('Contains links'); 
} 
else { 
    alert('No links found'); 
} 

Answer 3

ändern

if(container+':has(a)'){ 

Um

if(container.has('a').size()){ 

Container ist ein jQuery-Objekt, kein Selektor-String

Answer 4

Mit freundlichen Grüßen wird funktionieren, wenn Sie es zu

ändern

if($(container+":has(a)").length > 0){ 

In docs

Die mitgelieferte Wähler gegen die Nachkommen der Anpassungselemente getestet