查找img src並追加到href

Question

我在內容管理系統中使用JQuery Plugin Galleriffic。我需要用Jquery生成縮略圖。

我基本上需要使用jquery來查看div的內部，找到所有的圖像，包裝每個圖像在<a>和<li>周圍。找到img src並將其輸入到<a>的href中。

那麼到底每個圖像看起來就像這樣：

<li><a href="link to img src"><img src="image src" /></a></li> 

Answer 1

也許是這樣的：

$('img').each(function(){ 
    $(this).wrap('<li><a href="' + $(this).attr('src') + '"></a></li>'); 
}); 

Answer 2

$('img').each(function(){ 
    var parent = $(this).parent(); 
    var a = $('<a>', { 
     href: this.src 
    }); 
    $(this).appendTo(a); 
    var li = $('<li>'); 
    a.appendTo(li); 

    li.appendTo(parent); 
}); 

小提琴：http://jsfiddle.net/maniator/bAuwT/1/

Answer 3

看到一個工作演示http://jsfiddle.net/usmanhalalit/UYQqw/1/

$(function(){ 
    $('#imgs img').each(function(){ 
     $(this).wrap('<li><a href="'+$(this).attr('src')+'">','</a><li>') 
    }); 
}); 

這裏是演示標記我用

<img src="image src" /> 
<div id='imgs'> 
    <img src="image src1" /> 
    <img src="image src2" /> 
    <img src="image src3" /> 
</div> 

正如你所說，你需要尋找一個div裏面，所以它只會爲上述img內#imgs DIV做到這一點。