温馨提示×

jquery如何给li赋值

养鱼的猫咪
1459
2021-05-20 18:41:30
栏目: 编程语言

使用jquery给li标签赋值的方法:1.新建html项目,引入jquery;2.创建li标签列表;3.添加button按钮,绑定onclick点击事件;4.在点击事件中创建数组;5.通过each()方法遍历标签,使用text()方法赋值;

jquery如何给li赋值

具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建一个li标签列表;

<ul>

<li></li>

<li></li>

<li></li>

</ul>

3.li标签列表创建好后,添加一个button按钮,并绑定onclick点击事件,用于点击赋值;

<button omClick="set()"></button>

4.按钮添加好后,在点击事件中创建一个数组,用于存放li标签属性;

function set(){

    var arr = ['1','2','3'];

}

5.数组创建好后,通过each()方法遍历li标签,在使用text()方法即可给li标签赋值;

function set(){

    var arr = ['1','2','3'];

    $("ul li").each(function(index){

        $(this).text(arr[index]);

    });

0