quitar subrayar con jQuery

Question

Tengo un enlace como:

HTML:

<a href="#" title=""> <img src="stack.png" alt="" title="" /> stackoverflow </a> 

CSS:

a { text-decoration: underline} 

que desea eliminar el underline de la imagen.

me trataron:

a img {text-decoration:none} 

pero no funciona.

BS: puedo hacer eso si he añadido un display:block-img pero eso puede causar un daño para el resto del sitio, también no voy a añadir una clase específica para esta sección.

¿Podría hacer eso con jQuery?

Answer 1

Usted debe hacer esto con CSS.

Se podría añadir un estilo en línea a ese enlace:

<a href="#" style="text-decoration:none;"> <img src=...etc /> stackoverflow </a> 

O usted podría agregar una clase a ese enlace:

<a href="#" title="" class="img"> <img src=...etc. /> stackoverflow </a> 

In your css... 

a.img {text-decoration:none;} 

EDIT:

Si no puede alterar el html, luego use jQuery:

$('a img').parent().css('textDecoration','none') 

(Esto es similar a lo que está arriba, pero se dirige a los padres de la img - que es el a - y luego cambia el estilo de manera apropiada.)

violínhttp://jsfiddle.net/jasongennaro/vM55K/

EDITAR 2:

Si ese es el único elemento en un childa, podría utilizar esto:

$('a').children().css('textDecoration','none') 

violínhttp://jsfiddle.net/jasongennaro/vM55K/1/

Answer 2

Esto debería hacerlo por usted.

$('a img').css('text-decoration','none') 

Answer 3

Es posible que desee utilizar CSS: a img {border: none} o usted podría intentar establecer la imagen para display: inline-block

Answer 4

creo que es mejor para separar el ancla para img y para el texto.Pruebe el siguiente marcado:

<a href="#" title=""><img src="stack.png" alt="" title="" /></a><a href="#" title="">stackoverflow </a> 

Demostración: http://jsfiddle.net/XFVMQ/

---

Una segunda solución, según mi comentario, es añadir margin-bottom:-3px para a img.

Demostración: http://jsfiddle.net/XFVMQ/

---

Una tercera solución para añadir outline: 3px solid white; para a img esto anulará el subrayado, cambiar el color adecuado.

Demostración: http://jsfiddle.net/XFVMQ/6/

Answer 5

¿Qué pasa:

$ ("img [src =" stack.png "]) css. (" Text-decoration", "ninguna");

** Editar

es el problema de cómo añadir estilos al elemento específico sin afectar al resto de la DOM, o es su problema de qué estilos es necesario establecer a específicamente a deshacerse de los subrayados?

Answer 6

Usted podría intentar algo como esto:

$("a img").parentsUntil("a").css("text-decoration","none"); 

Answer 7

Tal vez sea un problema de especificidad?

fronteras intente quitar y toda la decoración utilizando un selector CSS más específico:

a > img { 
    border: none; 
    text-decoration: none; 
}