JQuery Table Manipulation Вставка строк

Question

Короче говоря, я хочу, чтобы $(this) была строкой таблицы, найдите следующую строку таблицы с классом "example" (необязательно родственным).

т.е. используйте next(), чтобы найти следующую строку с классом «example», который не является родным братом.

Answer 1

HTML:

<table>
    <tr><td>One</td></tr>
    <tr class="current"><td>Two</td></tr>
    <tr><td>Three</td></tr>
    <tr><td>Four</td></tr>
    <tr class="target"><td>Five</td></tr>
    <tr><td>Six</td></tr>
</table>

JavaScript:

var current = $('.current').next();
while(current.size() && !current.hasClass('target')) {
    current = current.next();
}
current.css('color', '#0f0');

OR

$('.current').nextAll('.target').last().css('color', '#0f0');

Answer 2

Если вы строите эти <tr> из строк, вы можете сделать что-то вроде этого:

var x = '';
for(var i = 0; i < 3; i++) {
    x += '<li>Test ' + i + '</li>';
}
$(x).appendTo('#test');

Таким образом, вместо вставки строк таблицы одна за другой, соедините их в одну строку, сделайте объект jQuery из этой строки и присоедините его к вашей таблице.

Это также помогает вам повысить производительность, поскольку DOM редактируется только один раз.