标签：doc style turn innerhtml break mil alert body size
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/*
1.js的遍历方式
*for（初始值；循环条件；步长）
2.jquery遍历方式
1.jq对象.each（callback）
2.$.each（object，[callback]）
3.for。。。of：
*/
$(function () {
//js遍历
//获取所有ul下li
/* var cities = $("#city li");
for (var i = 0; i < cities.length; i++) {
if ("上海"==cities[i].innerHTML){
/!* break;//结束循环
continue;//跳出本次循环*!/
}
alert(i+"："+cities[i].innerHTML);
}*/
//jquery遍历
/* var cities = $("#city li");
cities.each(function (index,element) {
/!*!//获取li对象1
alert(this.innerHTML)*!/
//获取li对象2 在回调函数中定义参数 index（索引） element（元素对象）
if ($(element).html()=="上海"){
//在function中如果返回false结束循环
//如果返回true则跳出本次循环
// return false;
// return true;
}
alert(index+":"+$(element).html())
})*/
/* var cities = $("#city li");
$.each(cities,function (index,element) {
alert(this.innerHTML);
})*/
//jquery3.0以后才能用
var cities = $("#city li");
for (li of cities){
alert($(li).html())
}
})
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>天津</li>
<li>重庆</li>
</ul>
</body>
</html>
标签：doc style turn innerhtml break mil alert body size
原文地址：https://www.cnblogs.com/aojie/p/12833347.html
