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

标签 javascript jquery

我不知道如何将文本放入强并添加“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之间的空格?

最佳答案

尝试

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

演示:Fiddle

关于javascript - 下一个文本换行并添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23331621/

相关文章:

javascript - 在 map (JS)中使用标识符(下划线)

JavaScriptCore + Socket.IO

javascript - JQuery 内容 slider 问题

javascript - 根据值更改 <td> <i> CSS

javascript - 附加选项标签与在不同选择标签中选择的值

jquery制作输入按钮提交表单

javascript - 使用 jquery 更改 css 值

javascript - ng-click 在 ng-repeat 中只能工作一次

javascript - ImmutableJS - 更新列表中的值

c# - IE 11 打开旧的覆盖的 PDF 而不是新的 PDF?