jQuery - Come determinare se esiste un elemento genitore?

Question

Sto provando a dinamicamente e un collegamento a un'immagine, tuttavia non posso determinare correttamente è già esiste il collegamento genitore.

Questo è quello che ho,

if (element.parent('a'.length) > 0) 
{ 
     element.parent('a').attr('href', link);    
} 
else 
{ 
     element.wrap('<a></a>'); 
     element.parent('a').attr('href', link);  
} 

Dove elemento si riferisce al mio elemento img e il collegamento si riferisce alla URL da utilizzare.

Ogni volta che il codice viene eseguito, viene eseguita la clausola else, indipendentemente dal fatto che il tag img sia o meno racchiuso in un tag.

Qualcuno può vedere cosa sto facendo male?

Qualsiasi consiglio è gradito.

Grazie.

Answer 1

La prima riga deve essere:

if (element.parent('a').length > 0) 

Answer 2

Il codice viene analizzato come una chiamata a element.parent con l'argomento 'a'.length.
È quindi equivalente a element.parent(1), che è una chiamata non valida.

è necessario per ottenere la lunghezza dell'oggetto jQuery spostando .length dopo la ), in questo modo:

if (element.parent('a').length > 0) 

Inoltre, questo non funzionerà se element è annidato in qualche altro tag che si è in una <a> tag.
Si consiglia di chiamare closest invece.

Answer 3

Supponendo element è in realtà un oggetto jQuery:

if (!element.parent().is("a")) { 
    element.wrap("<a>") 
} 
element.parent().attr("href", link); 

Se element è un nodo DOM:

if (!$(element).parent().is("a")) { 
    $(element).wrap("<a>") 
} 
$(element).parent().attr("href", link);