2014-06-13 115 views
2

我嘗試動態環繞的圖像標籤的鏈接jQuery的查找/最接近li元素

我的情況:

if (a === b) { 
    console.log('my iamge-tag is : ' + $(e).html()); 
} 
在$

(E)的.html()我有在這一刻我所需的圖像標籤:

<img class="xyz" src="http://images.zzz.com/images/123456/original.png"> 
在DOM

這個圖像是有序列表,就像這樣:

<li class=""> 
    <img class="xyz" src="http://images.zzz.com/images/111111/original.png"> 
</li> 
<li class=""> 
    <img class="xyz" src="http://images.zzz.com/images/222222/original.png"> 
</li> 
<li class=""> 
    <img class="xyz" src="http://images.zzz.com/images/123456/original.png"> 
</li> 

我怎麼能管理它,以包圍我想要的圖像標籤與鏈接?

<li class=""> 
    <a href="http://www.example.com"><img class="xyz" src="http://images.zzz.com/images/123456/original.png"></a> 
</li> 
+0

嗯,試過'.wrap()'? – j08691

+0

'$(e).wrap('');'會完美運作。 – Praveen

+0

真棒,我不知道換行() - 非常感謝你! – michbeck

回答

2

使用jQuery .wrap() funnction,

$('img').wrap('<a href="http://www.example.com"></a>'); 

Working Demo

  • 如果需要的話,在我的地方使用特定img選擇。
  • 使用wrapAll()萬一您必須追加具有相同HTML的所有元素。
0

wrap()函數應該可以工作。我是這樣測試的。

如果(A == B){

$( 「利IMG」).wrap( 「http://www.google.com」>「);

}