javascript - 通过 jQuery 删除未关闭的标签元素

Question

假设我有如下的元素序列:

<div style="margin-bottom:9px;line-height:normal;margin-top:4px"></div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">Something Here</div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">

下面有未闭合的元素，我想删除它们，因为它们破坏了设计布局。那么请告诉我如何查找和删除上面的未关闭和空元素:

<div style="margin-bottom:9px;line-height:normal;margin-top:4px"></div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">

非常感谢您的帮助。

为推荐而编辑:首先，编辑源代码确实是不可能的。因为它们像这样有数百页，我需要一个快速的解决方案 :( 我没有编写这些代码，但我现在必须维护，我需要临时但有效的解决方案。它们是静态的，所以我不能使用服务器端代码在这一点上，因为它们都是 html 文件。

为建议 2 编辑:结构其实是一样的。

损坏的 HTML :

<div style="margin-bottom:9px;line-height:normal;margin-top:4px"></div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">Something Here</div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">
<div style="margin-bottom:9px;line-height:normal;margin-top:4px"></div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">Something Here</div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">

它应该是怎样的:

<div style="margin-bottom:9px;line-height:normal;margin-top:4px">Something Here</div>
<div style="margin-bottom:9px;line-height:normal;margin-top:4px">Something Here</div>

没有内部 div 或其他任何东西，非常简单。

Answer 1

JQuery 不操作 XML/HTML 结构，只操作 DOM 和 DOM 表示。我相信 JQuery 不可能做那样的事情。

最好的办法是通过 W3C 验证程序运行您的页面。