我有像HTML

<a href="/blabla" class="matchupLink">
    <span class="teams"> USA</span>
    <strong> -0 </strong>
    <span class="teams">Netherlands</span>
    <span class="pull-right dateOrScore"><strong>15 Jul</strong> : 3:00pm CST</span>
</a>

<a href="/blabla2" class="matchupLink">
    <span class="teams"> USA</span>
    <strong> -0 </strong>
    <span class="teams">Netherlands</span>
    <span class="pull-right dateOrScore"><strong>15 Jul</strong> : 3:00pm CST</span>
</a>

<a href="/blabla3" class="matchupLink">
    <span class="teams"> USA</span>
    <strong> -0 </strong>
    <span class="teams">Netherlands</span>
    <span class="pull-right dateOrScore"><strong>15 Jul</strong> : 3:00pm CST</span>
</a>

我想计算每个“ matchupLink”类中的字符数,但不计算“ dateOrScore”类中的字符数。

我的目标是,如果字符数超过20个字符,则剪切文本并在字符20后放置省略号,同时将date(dateOrScore)元素保留在那里。

我尝试了类似的东西

$('.matchupLink .teams').each(function () {
  console.log($(this).html())
});

但这会单独返回每个teams元素,因此无法真正使用椭圆逻辑。

有任何想法吗?

谢谢

附:我也尝试过所有文本,但不包括'dateOrScore'(使用not()),但这也失败了。

===============>>#1 票数:1

这是你想要的吗?

var ellipses = 20;

$('.matchupLink').children().not('.dateOrScore').each(function() {
    var text = $(this).text();
    if(text.length > ellipses)
        $(this).text(text.substr(0, ellipses) + '...');
});

  ask by Dan P. translate from so

未解决问题?本站智能推荐: