jquery如何给li赋值 jquery 赋值

主机教程 建站分享 2年前 (2022-12-13) 194次浏览

文章摘要:jquery如何给li赋值 jquery 赋值

使用jquery给li标签赋值的方法:1.新建html项目,引入jquery;2.创建li标签列表;3.添加b […]

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

具体步骤如下:

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]);

    });


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:jquery如何给li赋值 jquery 赋值
文章链接:http://www.7966.org/post/10881.html
转载请注明出处

喜欢 (0)