在javascript中将字符限制为固定大小

Question

在下面的代码中

 var panel= '<div id="title" style="display:inline;font-size:150%;color:white;background:transparent;text-transform: none;width:150px;"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
 <div name="images" id="name" style="display:inline;position: absolute; margin-left: auto;margin-right:auto;left: 0;right: 0;width:350px;height: 100px;"><img src="1"><img src="2"><img src="3"><img src="4"></div>
 <div id="name"> bbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>

如何截断id字段标题和名称，只显示10个字符，接下来的两个字符必须是..如果有任何字符/

感谢。

Answer 1

您可以使用.text()执行此类操作：

$(document).ready(function(){
  $("#title, #name").text(function(i, t) {
    return (t.length >= 12) ? t.substring(0, 10) + '..' : t;
  })
});

我会检查它是否是12个或更多字符，因为你正在添加2.

除此之外：12345678901呈现为1234567890..，其长度超过了开始时的内容。