如何解析html以删除元素并只返回其位置的标题

How do I parse html to remove an element and return only title in its place

本文关键字：返回 位置 标题 html 何解析 删除 元素      更新时间：2023-09-26

我有一个类似的html片段

Hello<i class="emoji emoji_smile" title=":smile:"></i><i class="emoji emoji_angry" title=":angry:"></i>World

现在我想解析这个html，它必须获取title的值，并仅用title替换标记，然后使用javaScript或jQuery返回这样的结果

Hello:smile::angry:world

使用.replaceWith()将DOM元素替换为新内容：

$(document).ready(function() {
  $('#title .emoji').each(function() {
    $(this).replaceWith($(this).attr('title'));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="title">Hello<i class="emoji emoji_smile" title=":smile:"></i><i class="emoji emoji_angry" title=":angry:"></i>World</div>

相关文章：