在jquery中 ， 可以將不同的id值保存在數組中 ， 使用for循環遍歷id ， 并向創建的div元素內添加id屬性 ， 從而實現動態創建不同id值的div元素 。 下面小編舉例講解jquery動態創建div,并創建不同的id值 。
需要這些哦
html+jquery
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解jquery動態建立div,并建立分歧的id值 。
2在test.html文件內 ， 利用p標簽建立一個空元素 ， 并設置其id為mytest ， 本家兒要用于下面經由過程該id獲得p對象 。
3在test.html文件內 ， 利用button標簽建立一個按鈕 ， 按鈕名稱為“建立div元素” 。
4【jquery動態創建div,并創建不同的id值】在test.html文件中 ， 給button按鈕綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行creatediv函數 。
5在js標簽中 ， 建立creatediv()函數 ， 在函數內 ， 建立一個數組idarr ， 里面存放要動態建立的id ， 例如 ， id為aa ， bb ， cc 。
6在creatediv()函數內 ， 利用for輪回遍歷idarr數組內的id ， 每次遍歷利用app方式建立一個div元素 ， 并把idarr內的id逐個添加至div內 。
7在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看實現的結果 。
總結：11、建立一個test.html文件 。
2、在文件內 ， 利用p標簽建立一個空元素 ， 同時建立一個button按鈕 ， 用于觸發執行js函數 。
3、在js標簽內 ， 建立函數 ， 在函數內 ， 建立一個數組idarr ， 里面存放要動態建立的id ， 利用for輪回遍歷idarr數組內的id ， 每次遍歷利用app方式建立一個div元素 ， 并把idarr內的id逐個添加至div內 。
注重事項在jquery中 ， for輪回常用于遍歷數組或對象 。
以上內容就是jquery動態創建div,并創建不同的id值的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何在QQ運動中發布動態
- jquery怎么獲取觸發點擊事件的元素
- 如何用creo創建方程曲線？
- 怎樣在wps演示中創建循環關系圖
- 怎樣創建紅色雙箭頭
- 怎樣在Authorware中創建綠色圓角正方形
- 如何用creo創建基準平面？
- 微信朋友圈怎么設置不看對方動態及對方看我動態
- 如何用creo創建鈑金篩網？
- C4D 多邊形編輯之創建點的知識點