讲解jquery循环遍历数组 jquery遍历元素的方法( 二 )

$(function (message) {// 获取到UI下的所有Li标签var citys = $("#city li")// 利用for---of的方式for (li of citys){alert($(li).html())}});最后附上面四种实现的完整源码。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="https://www.520longzhigu.com/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(function (message) {// 获取到UI下的所有Li标签var citys = $("#city li")// 利用js中的for循环进行遍历// 将获取到的li标签数组进行遍历for (var i = 0; i < citys.length; i++) {// 循环内容判断if ("上海" == citys[i].innerHTML){// break;continue;}// 输出获取到的li标签中的内容alert(i + citys[i].innerHTML);}// 利用jQuery对象的each进行遍历// 利用this进行遍历/*citys.each(function () {// alert(this.innerHTML);alert($(this).html());});*/// 利用给function赋值获取对象文本/*citys.each(function (index,element) {if ("上海" == $(element).html()){return true;}// js方式// alert(index + ":" + element.innerHTML);// jQuery方式salert(index + ":" + $(element).text());});*/// 利用$.each()方法/* $.each(citys, function () {alert($(this).html());});*/// 利用for---of的方式/*for (li of citys){alert($(li).html())}*/});</script></head><body><ul id="city"><li>北京</li><li>上海</li><li>天津</li><li>重庆</li></ul></body></html>点击关注，第一时间了解华为云新鲜技术~

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：