javascript - 要素 ID 番号を指定し、最後に 1 つ挿入します

Question

常に変化するdivの数があり、最後に特定のdivが必要です.... javascriptまたはjqueryを使用してdivの数を何らかの形で数え、特定のdivを最後に挿入したいと思います。 .. 例えば

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

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

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

次に、最後のdiv番号が必要で、それに1を追加して、最後に挿入されるようにします

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

これらの行で、'max id' を 1 ずつ増やした新しい div を作成します

PS div が挿入される場所は関係ありません。新しいメッセージは、最後のメッセージの後に毎回挿入されます。

2 に答える 2