Jquery 删除父项'；s父标记或特定标记

我有一些生成的输出，如下所示：

<figure>
    <a href="location.php"><img src=""></a>
</figure>

它删除img标记，它的父标记是一个标记，但将此输出保留在页面上：

<figure>
"&#8203"            ​
</figure>

"​"            ​

---

如何删除paren't的父标记，或只是修剪它，使其不存在空白实体？当figure标签中有任何内容时，它的高度和css的边距为1px。我可以更改css，但想弄明白这一点，非常感谢您的帮助

如果要确保如果图像标记没有

.src

，则父

标记为空，可以执行以下操作：

$(function() {
    $('img').each(function() {
        if(!this.src) { 
            $(this).closest("figure").empty();
        }
     }
});

.empty（）

删除元素中的所有子节点和任何文本

注意，我还简化了您在

.src

上的比较。首先，这里不需要使用jQuery，其次，单个测试可以检查任何空值

---

如果你真的想让

标签在页面上不占空间，你也可以在上面做一个

.hide（）

。

太好了，最接近的就是我需要的。我使用了.remove（）而不是empty（），虽然两者都在某种程度上起作用。此外，简化.src比较也不起作用。不得不采用旷日持久的方式。

$(function() {
    $('img').each(function() {
        if(!this.src) { 
            $(this).closest("figure").empty();
        }
     }
});