我在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/