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 s = $(this).text();
    if (s.length > 3) s = s.substr(0, 3) + "...";
    $(this).text(s);
});

Answer 3

你可以这样做：

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