用于截断表格单元格的 jQuery 和 dotdotdot

Question

我对 Javascript 和 jQuery 知之甚少，我正在尝试使用 jQuery 和 dotdotdot用于截断表中的 TD 第二个换行行之后的插件。

我想如果不问我就永远学不会；

A.这可能吗？

B.我如何用 dotdotdot 实现这一点 - 或者 - 有更好的方法吗？

另一个问题( Cross-browser multi-line text overflow with ellipsis appended within a width and height fixed `<div>` )中的图像正是我想要发生的，但我不知道如何调整它以在表格单元格中使用。在不了解 Javascript 的情况下，jQuery 似乎最适合实现我的想法。

Answer 1

在这里，跳过空单元格，不适用于少于定义的最大字符数的单元格。

$(function(){
  $.each($('td').not(':empty'), function(i,v){
    var count = parseInt($(v).text().length);
    var maxChars = 210;
    if(count > maxChars){
      var str = $(v).text();
      var trimmed = str.substr(0, maxChars - 2);
      $(v).text(trimmed + '...');          
    }  
  });
});

为 CraftyFella 的评论+1

Here's the working jsFiddle