使用jQuery

Question

我试图使用jQuery从图像中删除超链接。所以问题是代码是由WordPress中名为Fusion Builder的插件生成的，我无法编辑HTML本身。结构如下所示：

<div class="fusion-image-wrapper">
    <a href="https://exampleurl">
        <img src="https://exampleimage"/> 
    </a>
</div>

首先，我尝试删除href属性，但之后图像被完全删除：

jQuery(document).ready(function () {
    $('.fusion-image-wrapper').find("a").removeAttr('href');
})

因此，我没有尝试删除href，而是尝试将a标记更改为div，但这似乎不起作用：

var $div = $(".fusion-image-wrapper a");
    $div.replaceWith(function () {
        return $('<div/>', {
        html: this.innerHTML
    });
});

Answer 1

简单的方法是unwrap()删除选择元素的父级的图像

$(".fusion-image-wrapper a img").unwrap()

如果页面

中只有一个这样的元素，那么你的replaceWith方法也应该有效

如果两者都不起作用，可能是因为你在其他脚本对html做了什么之前尝试了这个