我正在寻找一种插入< 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.