練習:創建一個按鈕,點擊一次,則創建一個 點擊三次按鈕,應該有三個輸入框被創建出來。需要每一個input tag都有一個id

1、創建一個按鈕,點擊一次,則創建一個
點擊三次按鈕,應該有三個輸入框被創建出來。
主要思路:
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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章