Jquery或javascript在<div>中添加x个字符后添加一个换行符

Question

我正在寻找一种方法来插入一个<br />后面只有前4或5个字符<div>.

示例: <div id="wine-name">2008 Cabernet Sauvignon</div>

显示如:

2008
Cabernet Sauvignon

不确定哪个更容易javascript或jQuery.该网站已经在使用jQuery.

有任何想法吗？

Answer 1

如果您确定要始终在第四个字符后插入中断,则可以执行以下操作:

var html = $("#wine-name").html();
html = html.substring(0, 4) + "<br>" + html.substring(4);
$("#wine-name").html(html);

你可以在这里看到它.

如果你希望它在第一个单词(由空格分隔)后断开,你可以这样做:

var html = $("#wine-name").html().split(" ");
html = html[0] + "<br>" + html.slice(1).join(" ");
$("#wine-name").html(html);

你可以在这里看到这个.

编辑您的评论:

$(".wine-name").each(function() {
    var html = $(this).html().split(" ");
    html = html[0] + "<br>" + html.slice(1).join(" ");
    $(this).html(html);
});

在这里看到它.