jquery如何遍历li标签 jquery遍历ul下的li

文章摘要：jquery如何遍历li标签 jquery遍历ul下的li

使用jquery遍历li标签的方法：1.新建html项目，引入jquery；2.创建li标签列表；3.添加bu […]

使用jquery遍历li标签的方法：1.新建html项目，引入jquery；2.创建li标签列表；3.添加button按钮，绑定onclick点击事件；4.在点击事件中定义数组；5.通过标签名获取标签对象，使用each()方法遍历标签；

具体步骤如下：

1.首先，在新建一个html项目，在项目中引入jquery；

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

2.引入jquery后，在项目中创建一个li标签列表，用于测试；

<ul>

<li>测试标签1</li>

<li>测试标签2</li>

<li>测试标签3</li>

</ul>

3.li测试标签创建好后，添加一个button按钮，并绑定onclick点击事件，用于点击遍历标签；

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

4.按钮添加好后，在点击事件中定义一个数组用于存储li标签内容；

function set(){

var arr = [];

}

5.最后，数组定义好后，通过标签名获取标签对象，在使用each()方法即可遍历li标签；

function set(){

var arr = [];

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

arr.push($(this).text());

});

alert(arr);

}