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