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

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

演示： 小提琴

Answer 2

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