jQuery - 如何確定父元素是否存在？

Question

我試圖動態地和圖像鏈接，但是我無法正確確定父鏈接是否已經存在。

這是我應得的

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

其中元素指的是我的img元素和鏈接是指URL中使用。

每次代碼運行時，執行else子句，而不管img標籤是否包裝在標籤中。

任何人都可以看到我做錯了什麼？

任何意見讚賞。

謝謝。

Answer 1

第一行應是：

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

Answer 2

您的代碼被解析爲對element.parent的調用，參數'a'.length。
因此相當於element.parent(1)，這是一個無效的調用。

需要由)後移動.length得到jQuery對象的長度，這樣的：

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

而且，如果element嵌套在其他一些變量，它本身在這是行不通的<a>標籤。
您可能想改爲撥打closest。

Answer 3

假設element實際上是一個jQuery對象：

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

如果element是DOM節點：

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