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

时间:2015-04-12 19:18:32

标签: javascript jquery

如何找到带有<tspan>标记的所有元素,然后将每个<tspan>限制为10个字符?

例如:
这样:

<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);

1 个答案:

答案 0 :(得分:2)

你差点实际上做到了。您只需使用.each

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