练习：创建一个按钮，点击一次，则创建一个<input type="text"><input> 点击三次按钮，应该有三个输入框被创建出来。需要每一个input tag都有一个id

来源：互联网发布：nginx 算是中间件吗编辑：程序博客网时间：2024/06/05 02:44

1、创建一个按钮，点击一次，则创建一个<input type="text"><input>
点击三次按钮，应该有三个输入框被创建出来。
主要思路：
1. 页面上有一个div
2. 每次点击按钮时，用jQuery根据id获得这个div，然后用jQuery的append方法在已有的div里面添加<input type="button"></input>
2、现在，需要每一个input tag都有一个id, 比如第一个id是t1, 第二个是t2.
提示：
需要用jQuery的children()函数获得div下面的所有input tag的个数
http://api.jquery.com/children/

然后每次新的input id 就等于children个数加1，再加上"t"字符前缀

<html>

</html>

$(document).ready(function(){
$("#btn").on("click", function(){
var n = $("#adiv").children().length + 1;
$("#adiv").append($("<input type='text' id='t" + n + "'></input>"));
});
});

</script>

注：children()方法

http://api.jquery.com/children/

http://www.w3school.com.cn/jquery/traversing_children.asp

http://www.w3school.com.cn/jquery/jquery_traversing_descendants.asp

0 0