javascript - 给出元素 id 编号，然后在末尾插入一个

Question

我有一个一直在变化的 div 数量，我需要一个特定的 div 在最后....我想以某种方式使用 javascript 或 jquery 计算 div 的数量，并在最后插入一个特定的 div。 .. 例如

<div class="message" id="1">

<div class="message" id="2">....

<div class="message" id="88">

然后我需要最终的 div 编号并向其添加一个，以便在最后插入

<div class="message" id="89">

这将如何实现？

score 1 · Accepted Answer

var lastID = $('div.message').last().attr('id');
$('div.message').last().parent().append('<div class="message" id="' + lastID + 1 + '">');

score 0 · Accepted Answer

var newId = parseInt($(".message").last().attr('id')) + 1;
$(".message").last().after($("<div></div>").attr({'id' : newId, 'class' : 'message'}));

使用这些行，您将创建一个新的 div，其 'max id' 递增 1

PS div 插入的位置无关紧要，新消息将在最后一条消息之后每次插入

2 回答 2