如何给jQuery中insertAfter()的最后一个进程赋予特定的属性？

Question

有人知道如何在 jQuery 中最后一次尝试 insertAfter() 时给出特定属性（在本例中为 class）吗？

例如，

之前：

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

该示例可以通过两种方式完成，添加您需要的 class，替换“YOU-COULD-PUT_YOUR-CSS-HERE”或使用 jquery 的方法 addClass。

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

Answer 2

又一个技巧：

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

"last()" 表示带有 class '.column-timesheet-travel' 和 "next()" 元素的最后一个 td 是你只是“.after()”

如何给jQuery中insertAfter()的最后一个进程赋予特定的属性？

How to give specific attribute to the last process of insertAfter() in jQuery?

jquery

html

css

insertafter