jquery - 找到 :contains 的图像 src？

Question

大家早，

我有一个像这样的图像列表：

<ul id="preload" style="display:none;">
<li><img src="afx4000z-navy-icon-1_thumb.jpg"/></li>
<li><img src="afx4000z-green-icon-1_thumb.jpg"/></li>
</ul>

使用 jQuery 如何在 ul#preload 中查找所有包含特定字符串的图像 src，例如“green”

就像是...

var new_src = jQuery('#preload img').attr('src')*** that contains green ***;

Answer 1

您需要使用选择*=器：

jQuery('#preload img[src*="green"]')

如果您希望它不区分大小写，则会有点困难：

var keyword = "green";
$("#preload img").filter(function(keyword) {
    return $(this).attr("src").toLowerCase().indexOf(keyword.toLowerCase()) != -1;
});

Answer 2

您可以使用包含属性的选择器( [attr*=value])，如下所示：

jQuery('#preload img[src*=green]')