如何解析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>