javascript - 用 html 标签替换所有空格以包含剩余的单词

Question

我有这个<div> :

<div id="myDiv">
orange green, yellow
magenta/23 black: "brown"
</div>

我想用 html 标签替换所有空格以包围剩余的单词，
例如(<b> 标签):

<div id="myDiv">
<b>orange</b><b>green,</b><b>yellow</b>
<b>magenta/23</b><b>black:</b><b>"brown"</b>
</div>

有没有办法在 javascript 或 jquery 中做到这一点？

Answer 1

没有测试，这个应该可以用

var myDiv = document.querySelector('#myDiv');

myDiv.innerHTML = myDiv.innerHTML.split(' ').map(function(word){
    return "<b>"+word+"</b>";
}).join('');