日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

[转]在jQuery的each()函数中使用continue和break

發(fā)布時(shí)間:2023/11/30 编程问答 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 [转]在jQuery的each()函数中使用continue和break 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

?? jQuery的each函數(shù)可調(diào)用選擇器得到的元素集進(jìn)行循環(huán)調(diào)用。這意味著,每次執(zhí)行傳遞進(jìn)來的函數(shù)時(shí),函數(shù)中的this關(guān)鍵字都指向一個(gè)不同的 DOM元素(每次都是一個(gè)不同的匹配元素)。而且,在每次執(zhí)行函數(shù)時(shí),都可以給函數(shù)傳遞一個(gè)表示作為執(zhí)行環(huán)境的元素(index),在匹配的元素集合中所 處位置的數(shù)字值作為參數(shù)(從零開始的整形)。

一、遍歷
以下面的HTML為例:

引用 <li>0</li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>


可使用下面的代碼給每個(gè)li設(shè)置同一個(gè)CSS樣式:

$('li').css("border","1px red solid");



二、遍歷中對(duì)某個(gè)元素操作
jQuery有默認(rèn)迭代的特性,但如果希望對(duì)迭代中的某個(gè)符合條件的元素操作,則需要使用each函數(shù):

$('li').each(function(index){
??if(index==2 || $(this).attr('id') == 'addClass') $(this).css("border","1px red solid");??????????????
??});



三、終止或跳過循環(huán)
涉及迭代,不可避免需要有非正常終止,或強(qiáng)制跳過的情況。在jQuery的each函數(shù)中,存在以下關(guān)系:

引用 continue :return true;
break :return false;
直接return也會(huì)跳出jQuery。


所以,就可以寫出下面的代碼:

$('li').each(function(index){
??if(index==2)return true;
??if(index==4)return false;
??$(this).css("border","1px red solid");??????????????
??});


這里會(huì)跳過第3、5個(gè)li 元素,而不改變其CSS樣式。
(index從0開始計(jì)算,也可以使用其他的變量名)

轉(zhuǎn)載于:https://www.cnblogs.com/moyiqun/archive/2013/06/06/3121378.html

總結(jié)

以上是生活随笔為你收集整理的[转]在jQuery的each()函数中使用continue和break的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。