web-dev-qa-db-ja.com

:を含む画像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を使用して、特定の文字列を含むul#preload内のすべての画像srcを検索する方法(例: "green")

何かのようなもの...

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

the *=セレクター

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

大文字と小文字を区別しない場合は、少し難しくなります。

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

attribute-contains selector[attr*=value])、 このような:

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