<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function () {
//each()方法为匹配的每个元素规定要运行的函数
$("li").each(function (index,element) {
//index为当前选择器的位置,element为当前的元素(也可以使用this)
console.log($(element).text() + " " + index);
})
})
</script>
</head>
<body>
<ul id="u">
<li>haizeiwang</li>
<li>lufei</li>
<li>zhuoluo</li>
</ul>
</body>
</html>
//$.each()遍历
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function () {
//each()方法为匹配的每个元素规定要运行的函数
$("li").each(function (index, element) {
//index为当前选择器的位置,element为当前的元素(也可以使用this)
console.log($(element).text() + " " + index);
})
var arr = ["ab", "cd", "ef", "hg"];
//遍历数组
$.each(arr, function (i, element) {
console.log(i + " " + element);
})
})
</script>
</head>
<body>
<ul id="u">
<li>haizeiwang</li>
<li>lufei</li>
<li>zhuoluo</li>
</ul>
<ul>
<li>rrrrrrrrrr</li>
</ul>
</body>
</html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步