Limitation de caractères à une taille fixe javascript

Question

Dans le code ci-dessous

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> 

Comment tronquer les champs id titre et le nom et montrer seulement 10 caractères et deux caractères suivants doivent être .. si, à tout ce qu'il ya une caractère/

Merci.

Answer 1

Vous pouvez faire quelque chose comme ceci en utilisant .text():

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

je vérifier si elle est de 12 caractères ou plus parce que vous ajoutez 2.

Sinon ceci: 12345678901 rend comme 1234567890.. qui est plus longtemps que ce qui était là pour commencer.