失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > juqery追加li_jQuery添加li标签以及添加属性的方法

juqery追加li_jQuery添加li标签以及添加属性的方法

时间:2021-07-06 06:54:54

相关推荐

juqery追加li_jQuery添加li标签以及添加属性的方法

这次给大家带来jQuery添加li标签以及添加属性的方法,jQuery添加li标签以及添加属性的方法的注意事项有哪些,下面就是实战案例,一起来看一下。

pageEncoding="UTF-8"%>

Insert title here

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("

"+JSarray[i]+"");//在ul标签上动态添加li标签

$("#li"+i).attr("class",'list-group-item');//为li标签添加class属性

}

$('li').on('click',function(){ //绑定事件

alert("事件绑定成功!");

});

运行结果:

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

如果觉得《juqery追加li_jQuery添加li标签以及添加属性的方法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。