如何解析HTML删除的元素，在它的地方

Question

我有一个HTML代码段，这样

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

现在我想分析这个网站只返回标题，它必须抓住题目的价值，只有标题替换标签然后返回这样使用JavaScript或jQuery的结果

Hello:smile::angry:world 

Answer 1

使用.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>