jquery或javascript添加一个换行符后x个字符的数量

前端之家收集整理的这篇文章主要介绍了jquery或javascript添加一个换行符后x个字符的数量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种插入< br />之后只有第一个4或5个字符在< div>中.

例:
< div id =“wine-name”> 2008赤霞珠< / div>

显示为:
2008年
赤霞珠

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

有任何想法吗?

解决方法

如果你确定你总是想在第四个字符之后插入break,你可以这么做:
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.

原文链接:https://www.f2er.com/jquery/176276.html

猜你在找的jQuery相关文章