jquery动态生成div编号问题

jquery动态生成div编号问题,第1张

假设编号的class是number,执行增加和删除函数的时候进行如下 *** 作:

for(var i=0i<$('.number').lengthi++){

$('.number').eq(i).text(i+1)

}

插入节点的jquery方法: after() 、before() 、insertBefore() 、insertAfter()

举个例子来说明以上几种方法的用法:

html例子:

<nav>

<ul>

<li>序列号1</li>

<li>序列号2</li>

<li>序列号3</li>

</ul>

</nav>

添加节点

1、append()方法:

script:

var $div = '<div>append添加的节点</div>'

$('nav').append($div)//将新创建的div节点插入到nav容器的内容底部

html:

<nav>

<ul>

<li>序列号1</li>

<li>序列号2</li>

<li>序列号3</li>

</ul>

<div>append添加的节点</div>

</nav>

2、prepend()方法:

script:

var $div = '<div>append添加的节点</div>'

$('nav').append($div)//将新创建的div节点插入到nav容器的内容顶部

html:

<nav>

<div>prepend添加的节点</div>

<ul>

<li>序列号1</li>

<li>序列号2</li>

<li>序列号3</li>

</ul>

</nav>

<!doctype html>

<head>

<meta charset="UTF-8">

<title>动态给div+id</title>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(e) {

//用这个attr方法加入

$(".btn_1").click(function(){

$(".change_div").attr("id","add_div")

})

$(document).on("click",'#add_div',function(){

alert('点击信息')

})

})

</script>

</head>

<body>

<div class="change_div">

深圳网站建设:www.sz886.com,点击得到加入div后的点击事件

</div>

<input type="button" value="加入div" class="btn_1" />

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11684053.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存