jQuery - ¿Cómo determinar si existe un elemento padre?

Question

Estoy tratando de forma dinámica y un enlace a una imagen, sin embargo, no puedo determinar correctamente si el vínculo principal ya existe.

Esto es lo que tengo,

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

Dónde elemento se refiere al elemento img y el enlace se refiere a la url de usar.

Cada vez que se ejecuta el código, se realiza la cláusula else, independientemente de si la etiqueta img está incluida en una etiqueta a.

¿Alguien puede ver lo que estoy haciendo mal?

Cualquier consejo apreciado.

Gracias.

Answer 1

La primera línea debe ser:

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

Answer 2

Su código se analiza como una llamada a element.parent con el argumento 'a'.length. Por lo tanto, es equivalente a element.parent(1), que es una llamada no válida.

que necesita para obtener la longitud del objeto jQuery moviendo .length después de la ), así:

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

Además, esto no va a funcionar si element está anidado en alguna otra variable que es en sí misma en una <a> etiqueta.
En su lugar, puede llamar al closest.

Answer 3

Suponiendo element es en realidad un objeto jQuery:

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

Si element es un nodo DOM:

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