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

Question

我已经获得了以下代码（示例）：

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

我需要能够保留图像，但仅使用CSS删除链接，因为我无法改变HTML。有没有办法实现这个目标？

Answer 1

CSS用于演示，不能用于以您想要的方式修改HTML标记。你需要JavaScript。

Answer 2

仅限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;
}