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標簽并添加屬性和綁定事件方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉(zhuǎn)的解決
- jquery 給動態(tài)生成的標簽綁定事件的幾種方法總結
- 詳談jQuery unbind 刪除綁定事件 / 移除標簽方法
- jquery 為a標簽綁定click事件示例代碼
- jquery trigger偽造a標簽的click事件取代window.open方法
- 使用JS或jQuery模擬鼠標點擊a標簽事件代碼
- jquery觸發(fā)a標簽跳轉(zhuǎn)事件示例代碼
- Struts2的s:radio標簽使用及用jquery添加change事件
- jQuery實現(xiàn)動態(tài)添加標簽事件
- JQuery?綁定select標簽的onchange事件,彈出選擇的值,并實現(xiàn)跳轉(zhuǎn)、傳參
相關文章
基于jQuery實現(xiàn)Accordion手風琴自定義插件
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Accordion手風琴自定義插件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11
jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
在用jquery的post方式傳遞多個值時,在后臺頁面可以用數(shù)組形式接收,很不錯吧,可以接收多個值啊,接下來介紹實現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01
BootStrap下jQuery自動完成的樣式調(diào)整
這篇文章主要介紹了BootStrap下jQuery自動完成的樣式調(diào)整的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-05-05

