如何查找字符串存在于HTML标记集中。

Question

拥有一系列图片，拥有一个带有img网址的变量。

现在我想找到哪个HTML元素将img URL作为src并想要添加一个类

HTML代码

<ul id='carousel_ul'>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image1.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image2.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image3.jpg" /></a></li>
</ul>

Jquery代码

temp = images/thumbnails/image2.jpg
    $("#carousel_ul").find(temp)

尝试执行上述操作，它会给我一个错误

Error: Syntax error, unrecognized expression: images/thumbnails/image2.jpg

提前致谢

Answer 1

您可以使用属性选择器：

var temp = "images/thumbnails/image2.jpg";
var $elements = $('#carousel_ul img[src="'+temp+'"]')

或filter：

var $elements = $('#carousel_ul img').filter(function(){
    return this.src==temp;
});