<!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>