jQuery動態(tài)添加li標簽并添加屬性和綁定事件方法
更新時間:2018年02月24日 08:29:10 作者:花海_
下面小編就為大家分享一篇jQuery動態(tài)添加li標簽并添加屬性和綁定事件方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
代碼如下:
<%@page import="java.util.ArrayList"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script> <!-- 3.0 --> <link rel="external nofollow" rel="stylesheet"> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </head> <body> <ul id="listproject" class="list-group"> <script type="text/javascript"> var JSarray = new Array(); JSarray[0] = "array0"; JSarray[1] = "array1"; JSarray[2] = "array2"; JSarray[3] = "array3"; JSarray[4] = "array4"; for(var i = 0;i<5;i++){ $("#listproject").append("<li id=li"+i+">"+JSarray[i]+"</li>"); //在ul標簽上動態(tài)添加li標簽 $("#li"+i).attr("class",'list-group-item'); //為li標簽添加class屬性 } $('li').on('click',function(){ //綁定事件 alert("事件綁定成功!"); }); </script> </body> </html>
運行結果:
以上這篇jQuery動態(tài)添加li標簽并添加屬性和綁定事件方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉的解決
- jquery 給動態(tài)生成的標簽綁定事件的幾種方法總結
- 詳談jQuery unbind 刪除綁定事件 / 移除標簽方法
- jquery 為a標簽綁定click事件示例代碼
- jquery trigger偽造a標簽的click事件取代window.open方法
- 使用JS或jQuery模擬鼠標點擊a標簽事件代碼
- jquery觸發(fā)a標簽跳轉事件示例代碼
- Struts2的s:radio標簽使用及用jquery添加change事件
- jQuery實現(xiàn)動態(tài)添加標簽事件
- JQuery?綁定select標簽的onchange事件,彈出選擇的值,并實現(xiàn)跳轉、傳參
相關文章
基于jQuery實現(xiàn)Accordion手風琴自定義插件
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Accordion手風琴自定義插件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
在用jquery的post方式傳遞多個值時,在后臺頁面可以用數(shù)組形式接收,很不錯吧,可以接收多個值啊,接下來介紹實現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01