Javascript 第一个单词用<；span>；并用另一个<；span>；用<；br>；使用Jquery标记

我想在一个标记中添加第一个单词，在另一个标记中添加剩余文本，并在它们之间用
分隔。基本上我想要这种类型的html结构

<div class="hotspot-name">
  <span>Building</span>
  <br/>
  <span>One text text</span>
</div>

一号楼
建筑二期试验
建筑三测
四号楼

数组[0]

在一个范围内，然后剩余的值与另一个元素一起传递请参见参考

我更新了颜色，以区分这两个跨度

$（“.hotspot name span”）。每个（函数（）{
var html=$（this.html（）.split（“”）；
html=''+html[0]+“
”+html.slice（1.join（“”+”；
$（this）.html（html）；
});
.hotspot name{margin top:10px；}
.第一个跨度{
颜色：绿色；
}
.第二个跨度{
颜色：红色；
}

一号楼
建筑二期试验
建筑三测
四号楼
据我所知：

$(".hotspot-name span").each(function () {
  var html = $(this).html().split(" ");
  html = html.slice(1, html.length).join(" ") + " <br />" + html.pop();
  $(this).text($(this).html().split(" ")[0]+'</br>');
$(this).append(<span>'+html+'</span>');
});

$（“.hotspot name span”）。每个（函数（）{
var html=$（this.html（）.split（“”）；
html=html.slice（1，html.length）.join（“”+“
“+html.pop（）；
$（this.text（$（this.html（）.split（“”[0]+'
'）；
$（this.append（'+html+''）；
});
要实现这一点，您可以将
.hotspot name
元素中
span
的文本拆分为一个数组，然后使用结果值构建两个span。试试这个：


$（'.hotspot name span'）.text（函数（i，t）{
var arr=t.分割（“”）；
var html=''+arr.shift（）+'
'+arr.join（''）+''；
$（this）.closest（'.hotspot name'）.html（html）；
});
.hotspot name{margin top:10px；}
/*只是为了显示效果有效*/
.hotspot名称span:first child{color:#C00；}

一号楼
建筑二期试验
建筑三测
四号楼
将回答问题部分的一半。请注意，这不会以OP指定的格式输出。他们要求将这些值放置在单独的跨距中，而不是单个跨距中。