trouver l'image src qui: contient?

Question

Bonjour à tous,

J'ai une liste d'images comme celle-ci:

<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>

Utilisation de jQuery comment trouver toutes les images src dans ul # preload qui contiennent une chaîne spécifique, par exemple "green"

quelque chose comme...

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

Answer 1

Vous devez utiliser le *= sélecteur :

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

Si vous voulez que ce soit insensible à la casse, ce sera un peu plus difficile:

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

Answer 2

Vous pouvez utiliser un sélecteur contenant un attribut ([attr*=value]), comme ça:

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