Condicional cuando imagen dentro de clase

[JUMASOL]

Hola.

Llevo toda la tarde intentando crear una condicional para el caso de que dentro de este div de clase halla una imagen tal "como imagenx.png"

Código:

<div style="background-image: url('https://www. unaweb .com/db/components/assets/images/imagenx.png');" class="thumbnail">
<a href="https://www. unaweb .com/12637" style="display: block; height: 100%;"></a>
</div>

Es decir, si "imagenx.png" existiese dentro la clase "thumbnail", entonces tal...

No me sale de ninguna forma. ¿Se le ocurre a alguien como con javascript puro (no jQuery)?

Gracias.

[ocp001a]

¿ Y cómo se puede saber cuál div quieres examinar?

Pregunto por que en el ejemplo que pones no se sabe si hay uno o más divs, y si quieres buscar en un div en especial o en todos los que haya en la página.

Si es un div específico, ayudaría que le pusiera un id.

[JUMASOL]

No, no es un div único, sino una clase, definida por class="thumbnail"

Si existe esa imagen en la clase, entonces un resultado.

[JUMASOL]

He encontrado esta solución para el caso de que en lugar de una clase fuese un id.

Código:

var img = document.getElementById('thumbnail'),
style = img.currentStyle || window.getComputedStyle(img, false),
bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

if (bi == "https://www. unaweb .com/db/components/assets/images/imagenx.png") {
alert("I am an alert box!")
}

Funciona, pero no soy capaz de aplicarlo a todas las clases de un documento.

Con esta función se pueden manejar todas las clases del documento, por ejemplo para ocultarlos.

Código:

var elems = document.getElementsByClassName( 'thumbnail' );
for ( var i = 0, l = elems.length; i < l; i++ )
elems[ i ].style.visibility = 'hidden';

Pero no me sale combinar ambas funciones.

Agradecería alguna indicación.

[alvaro_trewhela]

function isBGimg(obj,i){
var img = obj.style.backgroundImage;
var spl = img.split("/");
img = spl[spl.lenght-1];
img = img.substring(0,-3); //remove: ');
if(img == i){ return true; }
return false;
}

Prueba con eso esa funcion debería darte true si la bg es es la misma que i

El parametro obj toma el objeto a verificar

[mpozo]

El segundo código es más adecuado. Según el ejemplo que muestras el css está en línea, por lo que no se necesita leer el css computado.

En lugar de usar la propiedad visibility, usa backgroundImage y el método indexOf() para saber si existe el valor o no
https://developer.mozilla.org/es/doc...String/indexOf