这次给大家带来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标签以及添加属性的方法相关推荐

  1. JS动态添加li标签

    HTML代码 <div class="col-xs-12"><ul id="tabName" class="nav nav-tabs ...

  2. php中li标签,li标签有哪些属性?css中li标签的属性详解

    在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性 在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...

  3. php中li标签,HTML li标签是干嘛的?HTML li标签用法和属性的介绍

    HTML li标签是干嘛的?HTML li标签用法和属性的介绍都在这里,这篇文章给大家讲述的是HTML li标签的定义及属性介绍,还有html li标签如何去掉无序列表中的默认小点样式. HTML l ...

  4. 添加li标签点击事件,删除当前点击li标签

    1.创建一个 HTML 文件 2.在html中写ul标签,给ul标签设置id,在ul标签里面写三个li标签,在li标签里面写任意文本内容 3.在html中写一个button按钮给按钮设置一个id,设置 ...

  5. jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?

    <div class="client"><span class="client_title">选择您的游戏客户端</span> ...

  6. jQuery的创建对象,动态添加、修改、删除属性和方法

    <!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...

  7. audio标签与video标签的常用属性及方法

    一.常用的css属性   1.src:用于指明video标签需要播放的音频的地址                 --<audio sec = "音频地址"> < ...

  8. css里面li标签怎么加图片_分享三种给li标签添加图标的方法

    我们在页面布局时,经常会用到li标签,单独使用li标签比较单调,有时候为了页面效果,需要加入图片,那怎么在li标签中添加图片呢?这篇文章就和大家分享三种给li标签添加图标的方法,希望对你有用. 1.使 ...

  9. matplotlib 标签_为折线图添加数据标签的方法,附代码

    #python打卡##Python数学编程##Python# 我们在使用python进行数据可视化工作时,通常使用matplotlib,主要原因是其功能强大且较为完善.稳定,而且有强大的社区活跃.另外 ...

最新文章

  1. RichEdit使用大全
  2. python批量读取csv文件-使用Python读写csv文件的三种方法
  3. Python自动化运维——文件内容差异对比
  4. boost::fusion::replace_if用法的测试程序
  5. QT-Creator+SDK+编译器+自定义配置
  6. 共享存储及SAN(iscsi)配置
  7. Cover Protocol更新赔偿计划 新增三个新COVER代币获赔方
  8. 《编程导论(Java)·9.3.1回调·3》回调的实现
  9. vs编译调试遇到问题
  10. 传感器技术-电容式传感器(学习笔记六)
  11. matlab红点沿着正弦曲线运动,如何使用css3让一个元素做正弦曲线运动?
  12. 修改build.prop文件,可更改新浪微博尾巴显示
  13. 基于视觉的机器人抓取:从物体定位、物体姿态估计到平行抓取器抓取估计
  14. xorg方式在无图形环境安装oracle,告别静默安装
  15. 二、HTML5 + CSS3 学习笔记
  16. 使用CvvImage类在MFC的static控件显示图片
  17. pgsql-修改默认密码
  18. oracle升级版本矩阵图
  19. ES6的学习 数组的热闹循环
  20. 英特尔oneAPI——通过DPC++实现异构计算

热门文章

  1. 男人的痛女人永远不知道!
  2. 微信小程序按钮控件设置呈现效果
  3. php怎么写取消关注,网页PHP颤音取消批量关注JS代码
  4. 3dmax对模型进行单独操作如何只显示当前模型
  5. B站大会员《坎公骑冠剑》礼包怎么领取 白嫖礼包使用方法教程
  6. JS禁用浏览器退格键
  7. [gdc16]荣耀战魂(ForHonor)的动画技术
  8. 油画学习的注意点,初学者要先了解这些步骤
  9. linux mapper 分区,device-mapper – 如何正确“扩展”linux设备映射器分区?
  10. rtx3060和gtx1080选哪个rtx3060和gtx1080差距