这篇文章将为大家详细讲解有关jQuery如何实现动态添加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 href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" 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标签上动态添加li标签 $("#li"+i).attr("class",'list-group-item'); //为li标签添加class属性 } $('li').on('click',function(){ //绑定事件 alert("事件绑定成功！"); }); </script> </body> </html>
运行结果：
关于“jQuery如何实现动态添加li标签并添加属性和绑定事件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
