jQuery在父div中的2 Set Of Numbers之前和之后添加span

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.
    });
});

<强> Demo

这是输出：

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