jquery - jQuery在父div内的2组数字之前和之后添加跨度

Question

我没有对这个 html 的后端访问，所以 JavaScript 是我唯一的选择。

我尝试使用 .before() 和 .after() 函数，但我只能在第一个电话号码之前和最后一个电话号码之后得到它。

下面是它的样子。

<div id="phonenumber">888-888-888 888-888-8888</div>

这就是我想要达到的目标。

<div id="phonenumber">
<span>888-888-888</span> 
<span>888-888-8888</span>
</div>

Answer 1

像这样？

$('#phonenumber').html(function(_, html){ //Use html callback function
    return $.map(html.split(/\s+/), function(val){ // split the current text based on spaces and use $.map to get the html span.
        return $('<span/>',{text:val}); //construct the span.
    });
});

演示

这是输出：

<div id="phonenumber">
      <span>888-888-888</span>
      <span>888-888-8888</span>
</div>