2015-04-12 2 views
1

Как бы найти все элементы с тегом <tspan>, а затем ограничить каждый из них <tspan> до десяти символов?Создайте отрывок для каждого найденного элемента

Ex:
Это:

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

ответ

2

Вы почти сделали это на самом деле , Вам просто нужно использовать .each:

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

Не забудьте добавить «;» до конца вашего .each(). Кроме этого, это прекрасно, спасибо! – ExcellentSP

+0

@ Спасибо за исправление! – renakre

+2

';' на самом деле не нужен в этом случае, пока существует строка: http://www.codecademy.com/blog/78-your-guide-to-semicolons-in-javascript – Terry

Смежные вопросы