Найти изображение src, который: содержит?

Утро все,

У меня есть список таких изображений:

<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, как найти все изображение src в предустановленной строке ul #, содержащей определенную строку, например "зеленый"

что-то вроде...

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

Ответ 1

Вам нужно использовать селектор *=:

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

Если вы хотите, чтобы он был нечувствительным к регистру, это будет немного сложнее:

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

Ответ 2

Вы можете использовать атрибут - содержит селектор ([attr*=value]), например:

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