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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)