遍历
- js的遍历方式
- JQuery遍历方式
- JQuery对象.each(callback)
- $.each(object,[callback])
- for..of;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="/js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/**
* ## 遍历
* - js的遍历方式
* - for(初始化值；循环结束条件；步长)
* - JQuery遍历方式
* - JQuery对象.each(callback)
* - $.each(object,[callback])
* - for..of;
*/
$(function () {
//获取ul下的所有li标签
var citys = $("#city li");
//遍历li
/*for (var i = 0; i < citys.length ; i++) {
//获取内容
alert(citys[i].innerHTML);
}*/
/*// JQuery对象.each(callback)
citys.each(function (index, element) {
alert(index + "." + element.innerHTML);
// alert(this.innerHTML);
});*/
// $.each(object,[callback])
/*$.each(citys, function () {
alert($(this).html());
});*/
// for..of;
for (var city of citys) {
// alert($(city).html());
}
});
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>天津</li>
<li>重庆</li>
</ul>
</body>
</html>
