怎么让jquery 中.appendTo方法，每复制一次，DOM中的ID值加1递增
请问下要怎么写这个代码，才能让每复制一次 i 的值加1
<script type="text/javascript">
$(function(){
var i = 1;
$("#addareaid").click(function(){
$("<br>都是英雄呀"+ i +"</b>").clone(true).appendTo("#diqu");
// $("#diqus").clone(true).appendTo("#diqu"); // 复制当前点击的节点，并将它追加到<ul>元素
})
});
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#txt1{width:200px;height:30px;}
#sp1{font-size:3px;color:red;display:none;}
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var i = 1;
$("#addareaid").click(function(){
$("<br>都是英雄呀"+ i +"</b>").clone(true).appendTo("#diqu");
i++;
// $("#diqus").clone(true).appendTo("#diqu"); // 复制当前点击的节点，并将它追加到<ul>元素
})
});
</script>
</head>
<body>
<input type="button" id="addareaid" value="点我"><div id="diqu">这是测试的div</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#txt1{width:200px;height:30px;}
#sp1{font-size:3px;color:red;display:none;}
</style>
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var i = 1;
$("#addareaid").click(function(){
$("<br>都是英雄呀"+ i +"</b>").clone(true).appendTo("#diqu");
i++;
// $("#diqus").clone(true).appendTo("#diqu"); // 复制当前点击的节点，并将它追加到<ul>元素
})
});
</script>
</head>
<body>
<input type="button" id="addareaid" value="点我"><div id="diqu">这是测试的div</div>
</body>
</html>
这是我测试之后的截图如下：
温馨提示：答案为网友推荐，仅供参考
第1个回答 2015-06-11
方法里加一句i++;追问
没用，加了，报错了
追答报啥错？
$("都是英雄呀"+ i +"").clone(true).appendTo("#diqu");
i++;
相似回答
大家正在搜