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

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


这会在新窗口中打开的所有链接上提供一点外部链接指示符(在Wikipedia上可见)。问题是它也对链接的图像执行此操作。显然,我不想在图像上显示该图形。有人对如何解决这个问题有想法吗?

编辑
有没有办法做到这一点的jQuery?

最佳答案

如果将这些样式移动到名为external的CSS类,则此jQuery代码应该可以工作(未经测试):

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

关于jquery - 防止外部链接指示器图形显示在图像上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5731841/

10-11 23:13
查看更多