javascript - 如何在一组 HTML 标签中找到一个字符串。？

Question

有一系列图像，有一个带有 img URL 的变量。

现在我想找到哪个 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+'"]')

或过滤器：

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