1

Tengo imagenes con el atributo ALT completo (caso1), otras imagenes lo tienen vacío(caso2), y otras directamente les falta el atributo(caso3).

Con las imagenes que tienen el atributo con valor, todo bien, no necesito hacer nada. EL segundo caso lo tengo resuelto, el problema está en el tercer caso.

Hice un código para poner valor al atributo ALT cuando este esté vacio (caso2). Lo que no puedo hacer es agregar el atributo cuando directamente no exista en el codigo (caso3)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
 $("img").each(function() {
    if($(this).attr("alt") === ''){
    $(this).attr("alt", "contiene una imagen");

    }
  });
});

</script>

Este código, repito, sirve para agregar valor a todas las imagnes que tengan ALT="". Me falta resolver Como agregar el atributo a quienes no tengan, sin pisar el resto de las etiquetas que estén bien.

Espero haber sido claro, sino me preguntan! gracias!

2 respuestas 2

3

Estimado:

revisando su código, debe agregar una condición mas a su sentencia if, quedando de la siguiente manera:

if($(this).attr("alt") === '' || $(this).attr("alt")==null){
    $(this).attr("alt", "contiene una imagen");
}

Espero le haya sido de utilidad.

1
  • Muchas gracias!!! Fue rápido y me sirvió!! me salvaste! Commented el 26 may. 2022 a las 21:02
2

negando el .is('[attr]') pareciera funcionar

$(document).ready(function() {
  $("img").each(function() {
    if ($(this).attr("alt") === '') {
      $(this).attr("alt", "alt vacío");
    }
    if (!$(this).is("[alt]")) {
      $(this).attr("alt", "no tenía alt");
    }

  });
});
img {
  width: 320px;
  height: 32px;
  margin: 5;
  border: 1px dashed #fe0;
  display:block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img alt='' src=a />
<img alt='este tiene alt' src=b />
<img src=d />

1
  • Muchas gracias alo!!! espectacular, me sirve el codigo!! Commented el 26 may. 2022 a las 21:02

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.