Verificare se un elemento contiene un elemento figlio specifico

Question

Ho molti div s che a volte contengono collegamenti. Voglio controllare se hanno un link o meno. Questo è il mio tentativo:

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

Facendo container.html() posso vedere il contenuto esatto di container tra cui tag di ancoraggio, ma il mio codice di cui sopra sarà sempre dire che non riesce a trovare il tag di ancoraggio.

Qualcuno potrebbe dirmi che cosa sto facendo male?

Answer 1

Change a questo:

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

container è un oggetto jQuery e .find() è una funzione di quell'oggetto che trova elementi all'interno di esso. Una lunghezza maggiore di 0 significherà che trova un tag di ancoraggio e che valuterà il vero.

Edit:

Inoltre, per spiegare il motivo per cui il tuo esempio non funziona. Quando si esegue container+':has(a)', si esegue una concatenazione di stringhe che esegue toString() sul proprio oggetto (convertendolo in "[oggetto oggetto]"). Quindi finisci con la stringa "[oggetto oggetto]: ha (a)" che valuterà sempre il vero.

Answer 2

È possibile utilizzare la proprietà length di un selettore per determinare se sono stati trovati elementi. Prova questo:

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

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

Answer 3

Change

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

Per

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

contenitore è un oggetto jQuery, non una stringa di selezione

Answer 4

Distinti funzionerà se si cambia a

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

In docs

Il selettore in dotazione è testato contro i discendenti degli elementi corrispondenti