如何根据文件名将图像包装在标签中

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

请尝试以下代码：

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

Answer 2

试试这个：

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

Answer 3

我为你做了Fiddle。

这应该适合你。

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