亚洲精品乱码久久久久99,亚洲av无码乱码在线观看牲色,北条麻妃国产九九九精品视频

文章插圖
???此賬號(hào)為華為云開發(fā)者社區(qū)官方運(yùn)營賬號(hào) ，提供全面深入的云計(jì)算前景分析、豐富的技術(shù)干貨、程序樣例，分享華為云前沿資訊動(dòng)態(tài)
本文分享自華為云社區(qū)《盤點(diǎn)用jQuery框架實(shí)現(xiàn)“for循環(huán)”的四種方式！》，原文作者：灰小猿。
今天繼續(xù)來和大家分享在 jQuery 高級開發(fā)中對元素標(biāo)簽體的遍歷常用的幾種方法。
我們以一個(gè)案例的形式進(jìn)行講解，假如我們需要遍歷的是如下 ul 標(biāo)簽中的 li 標(biāo)簽：
<body><ul id="city"><li>北京</li><li>上海</li><li>天津</li><li>重慶</li></ul></body>一、JS 的遍歷方式首先第一種：利用 js 對象進(jìn)行遍歷
利用 js 對象的方法進(jìn)行遍歷和我們平常的 for 循環(huán)遍歷是一樣的思路和解法，首先我們應(yīng)該獲取到需要遍歷的元素標(biāo)簽，然后使用 for 循環(huán)方法對其中存在的標(biāo)簽進(jìn)行遍歷：下面以一個(gè)實(shí)例來進(jìn)行講解。
遍歷四個(gè) li 標(biāo)簽，并且彈出其中的內(nèi)容，如果標(biāo)簽體內(nèi)容是“上?！?則不彈出！
$(function (message) {// 獲取到UI下的所有Li標(biāo)簽var citys = $("#city li")// 利用js中的for循環(huán)進(jìn)行遍歷// 將獲取到的li標(biāo)簽數(shù)組進(jìn)行遍歷for (var i = 0; i < citys.length; i++) {// 循環(huán)內(nèi)容判斷if ("上海" == citys[i].innerHTML){// break;continue;}// 輸出獲取到的li標(biāo)簽中的內(nèi)容alert(i + citys[i].innerHTML);}});二、JQuery 的遍歷方式1. jQuery 對象.each(callback)使用該方法時(shí)需要在 each()中實(shí)現(xiàn) function()方法，在 function()方法中可以進(jìn)行賦參數(shù) ，也可以不賦參數(shù)
首先我們來看不用賦予參數(shù)的一種，這種方法只能用于獲取元素，而不能顯示當(dāng)前是第幾個(gè)元素。
如下：
$(function (message) {// 獲取到UI下的所有Li標(biāo)簽var citys = $("#city li")// 利用jQuery對象的each進(jìn)行遍歷// 利用this進(jìn)行遍歷citys.each(function () {// alert(this.innerHTML);alert($(this).html());});});其中的 this 表示：集合中的每一個(gè)元素對象
第二種是在 function()中賦予參數(shù)：
jquery 對象.each(function(index,element){});
*index:就是元素在集合中的索引
*element：就是集合中的每一個(gè)元素對象
利用這種方式可以回調(diào)函數(shù)返回值：如結(jié)束本次循環(huán)或結(jié)束整個(gè)循環(huán)嗎，但是并不是使用 break ，
在這里使用的是 return true/false
* false:如果當(dāng)前 function 返回為 false ，則結(jié)束循環(huán)(break) 。
* true:如果當(dāng)前 function 返回為 true ，則結(jié)束本次循環(huán) ，繼續(xù)下次循環(huán)(continue)
實(shí)例代碼：
$(function (message) {// 獲取到UI下的所有Li標(biāo)簽var citys = $("#city li")// 利用jQuery對象的each進(jìn)行遍歷// 利用給function賦值獲取對象文本citys.each(function (index,element) {if ("上海" == $(element).html()){return true;//結(jié)束本次循環(huán)}// js方式// alert(index + ":" + element.innerHTML);// jQuery方式salert(index + ":" + $(element).text());});});2.$.each(object, [callback])使用這種方法和上面那種方法相似，只不過最前面不是 jQuery 對象了，而是一個(gè) $符號(hào),jQuery 對象被放到了 each()里面，但實(shí)現(xiàn)還是和上面一樣的。
如下：
$(function (message) {// 獲取到UI下的所有Li標(biāo)簽var citys = $("#city li")// 利用$.each()方法$.each(citys, function () {alert($(this).html());});});3. for..of 方法這種方法是 jquery 3.0 版本之后提供的方式
語法格式是：for(元素對象 of 容器對象)
同樣是容 ul 標(biāo)簽中取出 li 標(biāo)簽元素，代碼如下：

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時(shí)就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

講解jquery循環(huán)遍歷數(shù)組 jquery遍歷元素的方法