防止外部链接指示器图形显示在图像上

Question

我在CSS中添加了以下内容：

#content a[target^="_blank"] {
    background-image:url(images/extlink.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

这为在新窗口中打开的所有链接提供了一点外部链接指示符（在维基百科上看到）。问题是它也为链接图像执行此操作。显然，我不想在图像上有那个图形。任何人都知道如何解决这个问题？

修改 有没有办法用jQuery做到这一点？

Answer 1

如果将这些样式移动到名为external的CSS类，则此jQuery代码应该可以工作（未经测试）：

$('a').each(function() {
    if($(this).attr('target') == '_blank') && $(this).find('img').length == 0) {
        $(this).addClass('external');
    }
});