jquery foreach使用示例
更新時(shí)間：2013年09月12日 16:14:11 作者：
jquery中的foreach想必大家并不陌生吧，使用jquery的朋友肯定會(huì)很熟悉，本文有個(gè)不錯(cuò)的示例大家不妨可以鞏固一下
復(fù)制代碼 代碼如下:
<form id="input_iForm" action="${pageContext.request.contextPath}/transfer/input_salary.shtml">
<input type="text" class="input_w150" vili="true" onkeyup="formatBankNo(this)"/>
<input type="text" class="input_w150" vili="true" onkeyup="formatBankNo(this)"/>
<input type="text" class="input_w150" vili="true" onkeyup="formatBankNo(this)"/>
</form>
$("input").each(function(index){ //取得整個(gè)頁(yè)面的input值
$("input:text").each(function(index){
alert(index);//循環(huán)的下標(biāo)值，從0開始
alert(this.value); alert($(this).attr("type")); //自帶屬性可以用this(Dom)直接取值
alert($(this).attr("vili")); //自定義屬性需要用attr(Jquery)取值
//if($(this).attr("vili")=="true"&&){
//}
});
復(fù)制代碼 代碼如下:
$.ajax({
url: '<%=basePath%>schedule/getMonthRecordLs.action',
dataType: 'json',
success: function(data) {
var events = [];
$(data).each(function(i,val) {
events.push({
id: val.sc_id,
title: val.sc_planemp,
start: new Date(val.sc_date),
color: val.sc_classes=='1'?'':'#993300'
});
});
callback(events);
}
});
您可能感興趣的文章:
- 原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作
- js/jquery遍歷對(duì)象和數(shù)組的方法分析【forEach，map與each方法】
- JavaScript使用forEach()與jQuery使用each遍歷數(shù)組時(shí)return false 的區(qū)別
- JQuery中each()的使用方法說(shuō)明
- jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
- jquery中each遍歷對(duì)象和數(shù)組示例
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- JQuery跳出each循環(huán)的方法
- JS中的forEach、$.each、map方法推薦
- 詳解JavaScript中的forEach()方法的使用
- jQuery each和js forEach用法比較
相關(guān)文章
基于LayUI實(shí)現(xiàn)前端分頁(yè)功能的方法
下面小編就為大家?guī)?lái)一篇基于LayUI實(shí)現(xiàn)前端分頁(yè)功能的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了jQuery如何實(shí)現(xiàn)模糊搜索，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
動(dòng)態(tài)加載jQuery的兩種方法實(shí)例分析
這篇文章主要介紹了動(dòng)態(tài)加載jQuery的兩種方法,實(shí)例分析了jquery動(dòng)態(tài)加載的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jQuery實(shí)現(xiàn)用方向鍵控制層的上下左右移動(dòng)
本文將會(huì)使用jquery實(shí)現(xiàn)以下功能:按下方向鍵時(shí)，使層向相應(yīng)的方向平滑移動(dòng)20像素；四個(gè)方向鍵的鍵碼分別是37（左）、38（上）、39（右）和40（下）,感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了JQuery查找DOM節(jié)點(diǎn)的方法,實(shí)例分析了jQuery選擇器實(shí)現(xiàn)DOM元素結(jié)點(diǎn)與屬性結(jié)點(diǎn)的查找技巧,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)基本動(dòng)畫效果的方法詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)基本動(dòng)畫效果的方法,結(jié)合實(shí)例形式分析了jQuery animate()方法實(shí)現(xiàn)動(dòng)畫效果相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了jQuery中事件對(duì)象e的事件冒泡用法,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)可以編輯的表格實(shí)例詳解【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)可以編輯的表格,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-07-07
jQuery制作導(dǎo)航，在網(wǎng)上可以搜到很多方法，但比較別致一點(diǎn)的就不多了，本文這個(gè)別致是指有陰影背景高亮模式窗口2014-04-04
利用jQuery+localStorage實(shí)現(xiàn)一個(gè)簡(jiǎn)易的計(jì)時(shí)器示例代碼
這篇文章主要給大家介紹了關(guān)于利用jQuery+localStorage實(shí)現(xiàn)一個(gè)簡(jiǎn)易的計(jì)時(shí)器的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-12-12