下一个文本换行并添加文本

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选择每个$('strong').each()元素，然后使用$(this).replace(/ /g,'')去除空格。