Question

我试图根据文件名或src ...

在DOM中找到一个图像

我明白使用

$("img[src$='myimage.jpg']")

应该工作但是如果你像jquery那样动态地使用文件名：

$(".slides_container img").click(function() {
 var photo = $(this).attr('src');
});

如何将photo var放在那里？

我试了这个没有运气：

$("img[src$='" + photo + "']");

Answer 1

这将有效

  var item=$("img[src='" + photo + "']");

工作示例：http://jsfiddle.net/Nd8aM/9/

Answer 2

如果要将所有图像的来源与所单击图像的来源相匹配，可以使用jQuery的.filter()方法。

$("img").click(function() {
    var photo = $(this).attr('src');
    $("img").filter(function(index) {
        $(this).css('border-color','transparent');
                      return $(this).attr('src').match(photo);
                }).css('border-color','#f0f');
});

Here's my demo

match采用正则表达式，因此您几乎可以使用它进行任何操作。我不明白为什么

$("img[src$='" + photo + "']");

没有为你工作，字符串构建是合法的，但'引号不是必需的。

要使用正则表达式复制$= /string$/，其中string是要匹配的查询。

使用jQuery按源查找图像

2 个答案: