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

在下面的代码中

 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>

var面板='aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

如何截断id字段title和name并仅显示10个字符，接下来的两个字符必须为。。如果有任何字符的话/

---

谢谢。

您可以使用

.text（）

执行类似操作：

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

否则：

12345678901

将呈现为

1234567890..

比最初的长度更长

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