用jQuery删除下划线

我有一个像这样的链接：

HTML：

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

CSS：

a { text-decoration: underline}

我想从图像中删除下划线.

我试过了：

a img {text-decoration:none}

但它不起作用.

BS：
我可以这样做,如果我添加了一个显示：阻止img,但这可能会对网站的其余部分造成损害,我也不会为此部分添加特定的类.

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

解决方法

你应该用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中唯一的子元素,您可以使用：

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

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

原文地址：https://www.jb51.cc/jquery/177637.html