Wie html als Variable gespeichert analysieren innerhalb Javascript

Question

ich ein HTML-Schnipsel wie diese in einer Variablen

zum Beispiel gespeichert haben

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

Jetzt möchte ich diesen HTML analysieren und es muss den Wert des Titels greifen und ersetzen der Tag nur mit dem Titel dann wieder das Ergebnis wie folgt mit Hilfe von javaScript oder jQuery

var parsed = Hello:smile::angry:world 

jemand Punkt kann mich in Richtung richtige Richtung, wie ich es tun kann? Damit ich es ausarbeiten kann?

Answer 1

Sie könnten es in einen Container verpacken und es zuordnen, um es zu verbinden. Nun, das würde:

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

 
var parsed = $('<div/>', {html:parse}).contents().map(function(){ 
 
    return this.title || this.nodeValue; 
 
}).get().join(''); 
 

 
$('body').append(parsed);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

Sie können es replace Methode mit regexp tun mit:

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

var result = parse.replace(/<i.*?title="(.*?)"><\/i>?/g, "$1"); 

console.log(result); //Hello:smile::angry:World 

Hier eine Arbeits Geige: https://jsfiddle.net/ste8s7eL/