<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$(".add").click(function() {
var len = $(".container").children().length + 1;
var divId = "d" + len;
var inputId = "input" + len;
if (len >= 11) {
alert("已经达到十个了");
return;
};
$(".container").append("<div id=" + divId + "><input type='text' id=" + inputId + "></div>");
});
$(".del").click(function() {
var len = $(".container").children().length;
$(".container").children().eq(len-1).remove();
})
});
</script>
</head>
<body>
<div class="container">
<div id="d1"><input type="text" id="input1"></div>
</div>
<div id="">
<input type="button" class="add" value="add">
<input type="button" class="del" value="del">
</div>
</body>
</html>