Ограничение символов до фиксированного размера в 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>

Как обрезать поля идентификатора заголовок и имя и показать только 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.., что длиннее, чем то, что было с самого начала.