javascript - 为找到的每个元素创建一个摘录

Question

我如何找到所有带有 <tspan> 的元素？标记，然后限制每个 <tspan>到十个字符？

例如:
这:

<tspan>Bla bla bla bla</tspan>
<tspan>Bla bla bla bla</tspan>
<tspan>Bla bla bla bla</tspan>
<tspan>Bla bla bla bla</tspan>

应该是这样的:

<tspan>Bla bla bl...</tspan>
<tspan>Bla bla bl...</tspan>
<tspan>Bla bla bl...</tspan>
<tspan>Bla bla bl...</tspan>

使用 jQuery 或 Javascript 可能如下所示:

var tableExcerpt = $('tspan').text().substring(0, 10) + '...';
$('tspan').text(tableExcerpt);

Answer 1

你几乎成功了。你只需要使用 .each :

$('tspan').each(function(){
    var tableExcerpt = $(this).text().substring(0, 10) + '...';
    $(this).text(tableExcerpt);
});