从所有 HTML 文件中查找并删除第一个子元素

Posted 2023-03-05

【中文标题】从所有 HTML 文件中查找并删除第一个子元素

【英文标题】：Find and remove first child element from all HTML files

【发布时间】：2018-05-03 18:27:59

【问题描述】：

我想知道如何/是否可以使用任何代码编辑器（如括号、Sublime 或 Dreamweaver）来查找和删除第一个子元素。

html 结构如下所示：

<div class="parent-item">
   <h3>I need to be removed</h3>
   <p>But I need to stay here</p>
   <h3>I need to stay too</3>
  ......
</div>

那么如何从以下示例中找到并删除第一个 h3 标签？

【问题讨论】：

你最好使用解析器继续，正则表达式不是玩html标签的正确工具。

我会尝试使用 Notepadd++ 和 TextFX 插件。使用此插件，您可以使用正则表达式查找/替换。 docs.notepad-plus-plus.org/index.php/Regular_Expressions

【参考方案1】：

您可以尝试使用正则表达式查找并替换所有内容，只需检查这是唯一的 h3 元素以避免其他删除或下一步并跳过您不想删除的人

这里是正则表达式

 /<h3>[a-zA-Z0-9].+/g

【讨论】：

您的示例在我的上下文中并不适用，因为它会删除文档中的所有 h3 标签。

【参考方案2】：

你好，简单点，

.parent-item h3:first-child display:none;

【讨论】：

感谢您抽出宝贵时间写下这个问题的答案。除了您在答案中输入的任何代码之外，写几句话解释总是一个好主意。解释你的代码为什么以及如何解决最初的问题特别有帮助。你可以很容易地edit你的答案添加这个解释，我建议你这样做。这将有助于 OP 和其他有相同问题的人理解您的答案。