Remplacer un caractère de la chaîne par l'élément HTML

Question

Je reçois les journaux système du serveur et les envoie à mon widget qui ajoute de nouveaux journaux à l'élément de conteneur de consignation. Journaux ressemblent à ceci:

2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:... 

Je suis avec jquery annexant comme ceci:

returnElement.append('<span class="message">' + log.message + ' </span><br>'); 

Cependant, je voudrais le style de ces symboles de conduite qui agissent comme délimiteurs dans les journaux |

Quel est le meilleur moyen de le faire? J'aurai probablement à les emballer avec une autre envergure mais je voudrais éviter de sous-ensemencer chaque bûche.

Answer 1

Vous pouvez le faire avec un RegExp, .: par exemple msg.replace(/(\|)/g, '<span class="delimiter">$1</span>')

var msg = '2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:...'; 
 

 
document.write('<span>' + msg.replace(/(\|)/g, '<span class="delimiter">$1</span>') + '</span>');

.delimiter { 
 
    font-weight: bold; 
 
    color: green; 
 
    font-size: 16pt; 
 
    margin: 10px; 
 
}