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

我有一个不断变化的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">

如何实现这一点？

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

$（'div.message'）.last（）.parent（）.append（“”）；
var newId=parseInt（$（“.message”）.last（）.attr（'id'））+1；
$（“.message”）.last（）之后（$（“”）.attr（{'id'：newId，'class'：'message'}））；

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

另外，div插入到哪里并不重要，每次在最后一个div之后都会插入新消息
如何生成每个div？每个div都是通过输入到外部文件中生成的，因此您不能只将最后一个div放在末尾，因为新内容将被输入，因此它不会是最终div。为什么会有这些div？包含数字的ID通常是应该使用类、数组等的东西的标志。。。这会使“final”div位于文件的底部吗？我不确定div是如何生成的，但最后一个div需要的任何内容都可以放在.append（）参数中每个div都在一个名为“message”的类中，通过fwrite输入到外部php文件中。
var newId = parseInt($(".message").last().attr('id')) + 1;
$(".message").last().after($("<div></div>").attr({'id' : newId, 'class' : 'message'}));