jquery - jQuery+適切なクラスを使用してすべての要素をsubstr

Question

問題があります-コードの一部をご覧ください：

<ol>
  <li>
    <div class="qwerty">zxcvbnm</div>
  </li>
  <li>
    <div class="qwerty">abc</div>
  </li>
  <li>
    <div class="qwerty">poiuytrewq</div>
  </li>
</ol>

「qwerty」クラスを使用してすべての要素を取得し、それらを3文字+「...」にサブストレートしたいと思います。だから私は以下のような結果を得たいと思います：

<ol>
  <li>
    <div class="qwerty">zxc...</div>
  </li>
  <li>
    <div class="qwerty">abc</div>
  </li>
  <li>
    <div class="qwerty">poi...</div>
  </li>
</ol>

どんな助けでもいただければ幸いです。どうもありがとう、

Answer 1

text次の方法を使用できます。

$('.qwerty').text(function(i,v){
    return v.length > 3 ? v.slice(0, 3) + '...' : v
})​

http://jsfiddle.net/NEJR4/

Answer 2

あなたはこれを行うことができます：

    $('.qwerty').each(function(){
    var text = $(this).text();
    if(text.length>3)
      text = text.substr(0,3)+"...";
    $(this).text(text);
    });

Answer 3

これでうまくいくはずです...

$(".qwerty").each(function() {
    var s = $(this).text();
    if (s.length > 3) s = s.substr(0, 3) + "...";
    $(this).text(s);
});