截断动态字符串 javascript

Question

我正在使用 instafeed.js 插件动态生成照片供稿。 我想将照片 cmets 截断为 140 个字符左右，但我在执行此操作时遇到了问题。我正在通过 instafeed 脚本生成我的标记，它将照片 cmets 放入具有“instacmets”类的 div 中。我编写了另一个函数来尝试使用 instacmets 类截断任何元素中的字符串，但它不起作用。

Instafeed 脚本：

window.onload = function pullPhotos(){

  var routeFeed = new Instafeed({
    get: 'tagged',
    tagName: 'Route91Harvest',
    clientId: 'myID',
    limit: '18',
    resolution: 'low_resolution',
    template: '<div class="col-md-4 instapad"><div class="instacontainer heightlimit"><div class="row"><div class="col-md-12 imageblock whitebg"><a href="{{link}}"><img src="http:{{image}}" class="img-responsive center-block" /></a></div></div><div class="row"><div class="col-md-12 whitebg"><div class="instacomments center-block">{{caption}}</div></div></div></div></div>'
  });

  var rtFeed = new Instafeed({
    get: 'tagged',
    tagName: 'Rt91Harvest',
    clientId: 'myID',
    limit: '18',
    resolution: 'low_resolution',
    template: '<div class="col-md-4 instapad"><div class="instacontainer heightlimit"><div class="row"><div class="col-md-12 imageblock whitebg"><a href="{{link}}"><img src="http:{{image}}" class="img-responsive center-block" /></a></div></div><div class="row"><div class="col-md-12 whitebg"><div class="instacomments center-block">{{caption}}</div></div></div></div></div>'
  });

  routeFeed.run();
  rtFeed.run();

}

这是我的截断脚本，目前无法使用：

function short(length) {
    var s = document.getElementsByClassName('instacomments');
    var len = s.length;

    for(var i = 0; i < len; i++) {
       var g = s[i].innerHTML;
       var x = ". . . More";
       var leng = length-5;
       var html = g.substring(0, leng)+"";
       var allHTML = html+x;
       s[i].innerHTML = allHTML;
    }

}
short(140);

非常感谢任何帮助！

Answer 1

我会分离出截断逻辑，使其更通用

function trunc(str, max_length, suffix, margin) {
    max_length = max_length | 0;
    margin = margin | 0;
    if (max_length <= 0 || str.length <= max_length + margin)
        return str;
    if (undefined === suffix || null === suffix)
        suffix = '';
    return str.slice(0, max_length) + suffix;
}

然后有这样的循环

function short(length) {
    var s = document.getElementsByClassName('instacomments');
    var i = s.length;

    while (i--) {
        s[i].innerHTML = trunc(s[i].innerHTML, length - 5, ". . . More", 5);
    }
}
short(140);

---

举例说明我的函数trunc的参数是做什么的

trunc('12345'  , 5, '…', 0);  //  "12345"
trunc('123456' , 5, '…', 0);  //  "12345…"
trunc('123456' , 5, '…', 1);  //  "123456"
trunc('1234567', 5, '…', 1);  //  "12345…"