JQuery在x字符之后首先找到<be />的空间

时间:2012-07-26 23:01:36

标签: jquery

我有一个无序列表,用作菜单,我不能直接添加格式。它在CSS中作为水平菜单设置样式,并添加新项目。为了给出一个漂亮的视觉结构并最小化每个条目的宽度以使它仍然适合我想要将菜单项/标题读作两行,因为大多数标题有2/3个单词。例如

例如我想要&#34; Cat&amp;狗屋&#34;格式如

Cat&amp;狗
房屋

标题字数和长度是可变的,但通过它们看,我想如果我可以遵循像#34;在10个字符后找到的第一个空格中插入
&#34;它应该全部到位。

该网站已经安装了jQuery,因此最好使用它。

1 个答案:

答案 0 :(得分:0)

如果可能的话,最好使用分隔符(例如“Cats&amp; Dogs; Houses”)。编辑为您提供标题字符串的任何内容,以包含分隔符,因为您的解决方案不适用于某些标题。例如,如果您将订单撤消为“Houses Cats&amp; Dogs”,则10个字符后的第一个空格将解析为

Houses Cats
& Dogs

但是,如果您不想听我的建议,可以使用纯javascript执行此操作:

var string = "1234567890 Cats & Dogs Houses";
var inArray = string.split(" ");
var outArray = []

while (array.length != 0) {
   var tmp = array.shift();
   while (tmp.length < 9 && array.length != 0)
      tmp += " " + array.shift();
   newArray.push(tmp);
}