下一個文本換行並添加文本

Question

我不知道如何將文本放入強行並添加「x」。

<span>something</span> 5 
<span>something</span> 4 

而且我想：

<br /><span>something</span> <strong>5x</strong> 
<br /><span>something</span> <strong>4x</strong> 

我的解決辦法：

$("span").each(function() { 
    $(this).before("<br />"); 
    $(this.nextSibling).wrapAll("<strong></strong>").after("x");  
}); 

但產量並不完美：

<br /><span>something</span> <strnong>5 x</strong> 
<br /><span>something</span> <strnong>4 x</strong> 

如何5和X之間刪除空白？

Answer 1

嘗試

$("span").each(function() { 
    $(this).before("<br />"); 
    $(this.nextSibling).wrapAll("<strong></strong>").parent().text(function (i, t) { 
     return t.replace(/\s+$/, '') + 'x' 
    }); 
}); 

演示：Fiddle

Answer 2

您可以使用$('strong').each()選擇每個strong元素，然後使用$(this).replace(/ /g,'')剝離空格。