javascript - Jquery 或 javascript 在 中的 x 个字符后添加一个换行符

Question

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

例子: <div id="wine-name"> 2008 年赤霞珠 </div>

显示如下:

<强>2008
赤霞珠

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

有什么想法吗？

Answer 1

如果你确定你总是想在第四个字符后插入换行符，你可以这样做:

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

您可以在实际中看到它 here .

如果您希望它在第一个单词(由空格分隔)之后换行，您可以改为这样做:

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

您可以在实际操作中看到这一点 here .

针对您的评论进行编辑:

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

查看here .