jQuery动态添加li标签并添加属性和绑定事件

喜欢ヅ旅行 2022-06-15 02:27 485阅读 0赞

代码如下：

<%@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>     
             
            <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，485人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery绑定动态添加的元素的点击事件

$('tb_Reviewer').on('change', 'tr>td>checkItem', function () { alert('Jachin')

叁歲伎倆/ 2023年01月06日 11:39/ 0 赞/ 257 阅读

相关 jQuery动态绑定事件

jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8

水深无声/ 2022年09月30日 12:57/ 0 赞/ 275 阅读

相关 jquery html动态添加的元素绑定事件

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动

喜欢ヅ旅行/ 2022年08月11日 00:50/ 0 赞/ 250 阅读

相关 ScrollView动态添加控件，并设定绑定事件

布局文件： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:

痛定思痛。/ 2022年08月07日 13:54/ 0 赞/ 209 阅读

相关 jQuery动态添加li标签并添加属性和绑定事件

代码如下： <%@page import="java.util.ArrayList"%> <%@ page language="java" contentTy

清疚/ 2022年06月15日 02:27/ 0 赞/ 209 阅读

相关 jQuery动态添加li标签并添加属性和绑定事件

代码如下： <%@page import="java.util.ArrayList"%> <%@ page language="java" contentTy

喜欢ヅ旅行/ 2022年06月15日 02:27/ 0 赞/ 486 阅读

相关 jquery结合js实现动态添加内容，并给动态添加的内容添加事件

jquery结合js实现向后台发送请求，给页面动态添加内容，并给动态添加的内容添加事件 .html内容如下： <button class="btn btn-md c

客官°小女子只卖身不卖艺/ 2022年06月08日 01:57/ 0 赞/ 201 阅读

相关 jquery动态添加元素绑定事件click，bind，live，on

一、普通绑定 $("button").click(function(){ $("p").hide(); }); 在上面的例子中，当按钮的

ゝ一纸荒年。/ 2022年04月12日 13:36/ 0 赞/ 461 阅读

相关 jquery动态添加元素和动态添加click事件

文章目录 1.动态追加HTML元素 2.获取HTML已有元素 3.静态元素添加点击事件

小咪咪/ 2022年03月07日 11:56/ 0 赞/ 1421 阅读

相关 js动态循环绑定事件的变量问题，动态循环添加元素并绑定事件出现重复的问题

在编写JS的时候我们经常会遇到要对一系列元素进行事件绑定，循环对元素的事件进行赋值，在这个过程中我们会遇到一个问题，那就每个元素事件运行的时候变量怎么都是相同的值。这里涉及

迷南。/ 2022年02月24日 06:00/ 0 赞/ 324 阅读