使用jQuery基於文件名在標籤中打包圖像

Question

我有一個頁面，其中各個圖像逐漸變細。

我想使用jQuery來查找那些使用video.jpg並將這些圖像包裝在新的<div>中。

<img src="/images/thumb1.jpg" alt="no div" /> 
<img src="/images/video.jpg" alt="wrap me" /> 
<img src="/images/thumb2.jpg" alt="no div" /> 

Answer 1

我做了這個Fiddle你。

這應該適合你。

$(document).ready(function(){ 
    var images = $('[src="/images/video.jpg"]'); 
    images.each(function() { 
     $(this).wrap('<div class="wrapper"></div>'); 
    }) 
}) 

Answer 2

試試下面的代碼：

$("img[src$=video.jpg]").wrap("<div></div>") 

Answer 3

試試這個：

$('img[src=*"video.jpg"]').wrap('<div></div>');