用jQuery删除下划线

Question

我有一个像这样的链接:

HTML:

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

CSS:

a { text-decoration: underline}

我想underline从图像中删除.

我试过了:

a img {text-decoration:none} 

但它不起作用.

BS:我能做到这一点,如果我添加了一个display:block到img,但可能会导致对网站的其余部分损坏,我也不会添加特定类本节.

我可以用jQuery做到这一点吗？

Answer 1

你应该用CSS做到这一点.

您可以为该链接添加内联样式:

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

或者您可以向该链接添加一个类:

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

In your css...

a.img {text-decoration:none;}

编辑:

如果你不能改变html,那么使用jQuery:

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

(这类似于上面是什么,但是目标的父img-这是a- ,然后相应地更改样式)

小提琴 http://jsfiddle.net/jasongennaro/vM55K/

编辑2:

如果这是a中的唯一child元素a,您可以使用:

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

小提琴 http://jsfiddle.net/jasongennaro/vM55K/1/