jquery - name - encontrar imagen src que: contiene?

jquery selector id contains

Question

Buenos días a todos,

Tengo una lista de imágenes así:

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

Usando jQuery, cómo encontrar todas las fuentes de imagen dentro de la precarga de ul # que contienen una cadena específica, por ejemplo, "verde"

algo como...

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

Answer 1

Necesitas usar el selector *=

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

Si quieres que no distinga mayúsculas de minúsculas, será un poco más difícil:

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

Answer 2

Puede usar un selector de atributos ( [attr*=value] ), como este:

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