lunes, 17 de julio de 2017

JQuery mostrar imagen 1 o 2 según si tiene precio o el texto consultar

Este es el script que he hecho para que según contexto ponga una imagen u otra:

var nodoprecio = document.getElementsByClassName("price");
nodoprecio = nodoprecio[0].textContent;
nodoprecio = nodoprecio.trim();
var consultar = 'Consultar';
if (nodoprecio === consultar){
    $(".price").after("<div id='imgportes'><img src='http://www.mundobodega.com/content/972068/consultar_mundobodega.png' /></div>");
}
else{
    $(".price").after("<div id='imgportes2'><img src='http://www.mundobodega.com/content/972068/envio_mundobodega_2.png' /></div>");
}

la primera versión me daba problemas en FireFox porque en vez de textContent que es el que marca el estándar a usar usaba outerText que es propietario de MS.

Bien está lo que bien acaba.

No hay comentarios:

Publicar un comentario