Как присвоить конкретный атрибут последнему процессу insertAfter() в jQuery?

Question

Есть ли кто-нибудь, кто знает, как дать конкретный атрибут (класс в данном случае), при последней попытке insertAfter() в jQuery?

Например,

До:

<td class="column-timesheet-travel">
</td>
<td class="column-timesheet-travel">
</td>

После $('<td class="column-timesheet-work"></td>').insertAfter(".column-timesheet-travel")должно быть что-то вроде:

<td class="column-timesheet-travel">
</td>
<td class="column-timesheet-work">
</td>
<td class="column-timesheet-travel">
</td>
<td class="column-timesheet-work NewClassAddedOnLastAttempt">
</td>

Или есть другой лучший способ сделать это? Заранее спасибо.

Answer 1

Перед вставкой обновления HTML сохраните вставленный div в var и вставьте все, что вам нужно:

var $div = $('<td class="column-timesheet-work YOU-COULD-PUT_YOUR-CSS-HERE">TD 3</td>').addClass('or-add-this-way'); $('.column-timesheet-travel').last().after($div);

Пример можно сделать двумя способами, добавив нужный класс, заменив " YOU-COULD-PUT_YOUR-CSS-HERE" или используя метод addClass из jquery.

https://jsfiddle.net/wallynm/2rjyLd7m/

Answer 2

Еще одна хитрость:

 $('.column-timesheet-travel').after('<td class="column-timesheet-work"></td>').last().next().addClass('new');

"last ()" означает последний тд с классом ".column-timesheet-travel", а элемент "next()" - это то, что вы просто ".after()"