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

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

如果您移动这些样式称为外部CSS类，这jQuery代码应该工作（未经测试）：

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