點擊三次按鈕,應該有三個輸入框被創建出來。
主要思路:
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>
<input type="button" id="btn" value="創建" οnclick=""></input>
<div id="adiv">
</div>
</html>
<script>
$(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