<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="jquery-3.3.1.js" type="text/javascript"></script>
<script>
var num = 1;
function afterText() {
num++;
$('<div></div>').html($('#div1').html()).appendTo($('#div2')).find("[id]").attr("id",function (i,v) {return v.replace(/\d+/,num);});
}
</script>
<body>
<form action="" method="post">
<input type="button" onclick="afterText()" value="添加DIV" />
<div id="div1">
<h1 id="a_1">你好</h1>
<h2 id="b_1">xxxx</h2>
<div id="c_1">
<p id="d_1">yyyyyy</p>
<span>ggggg</span>
</div>
</div>
<div id="div2">
</div>
</form>
</body>
</html>