jquery怎么抓取后最后一个id里面的数字？

Question

<form id="mkli" name="save" action="" method="post">
<h3 class="addli"></h3>
<div id="border1" class="border"></div>
<div id="border2" class="border"></div>
<div id="border4" class="border"></div>
</form>用jquery怎么抓取#mkli下的最后一个div，也就是<div id="border4" class="border">里面的id="border4"里面的数字4呢？#mkli下的div里面的id="border都是一样的，只是后面的数字不一样而已。所以怎么获取到最后一个div 里面的id上的最后一个数字呢？

Answer 1

var divs=document.getElementById("mkli").getElementsByTagName('div');
alert(divs[divs.length-1].id)

Answer 2

$("div[id^=border]:last").attr("id").replace(/\D/g,"")

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#mkli div").each(function(){
alert($(this).attr('id').match(/[0-9]+/));
});
})
</script>

Answer 4

var str=$(".border").last().attr("id");
str = str.substr(6,str.length-6);
alert(str);