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

Question

我有一个像这样的HTML代码段

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

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

Hello:smile::angry:world

Answer 1

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

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#title .emoji').each(function() {
    $(this).replaceWith($(this).attr('title'));
  });
});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;