html - 删除链接但使用 CSS 保留图像

Question

我有以下一段代码(示例):

<div class="abc">
    <a href="/link/link">
        <img src="/link/image">
    </a>
</div>

我需要能够保留图像但仅使用 CSS 删除图像中的链接，因为我无法更改 HTML。有什么办法可以实现吗？

Answer 1

这仅用 CSS 是不可能的。使用 jQuery:

$(".abc a").click(function(event){
    event.preventDefault();
}); 

编辑:纯 JS 解决方案

var links = document.querySelectorAll('.abc a');
for (var i = 0; i < links.length; i++) {
    links[i].href= "javascript:;";
} 

最后使用 CSS 将光标设置为默认值:

.abc a {
cursor: default;
}