jquery中封裝函數(shù)傳遞當(dāng)前元素的方法示例
最近在工作中遇到一個(gè)問(wèn)題，需要對(duì)頁(yè)面上一組元素進(jìn)行ajax操作，結(jié)構(gòu)如下：
<div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="stop">Stop here</div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div>
編寫(xiě)遍歷函數(shù)
function a() {
$('div').each(function () {
var that = $(this);
var id = that.attr('id');
b(id, that)
})
}
首先執(zhí)行函數(shù) a() 遍歷每個(gè)元素，然后執(zhí)行b() 函數(shù)進(jìn)行ajax
function b(aId,that) {
$.ajax({
url: 'ajaxHandler.ashx',
data: { aid: aid },
dataType: 'text',
type: 'post',
async: true,
success: function (data) {
var content = '';
if (data == 'true') {
content = "正確";
} else {
content = "錯(cuò)誤";
}
that.html(content);
}
})
}
根據(jù)返回值 對(duì)點(diǎn)擊的元素賦予不同的值
因?yàn)閔tml元素有部分樣式一樣，所有沒(méi)有辦法根據(jù) $("#id").html("賦值"); 進(jìn)行賦值
這兒使用this,將返回值賦予當(dāng)前點(diǎn)擊的元素
因?yàn)樵擁?yè)面函數(shù)發(fā)生嵌套，所以需要傳遞當(dāng)前元素，
但由于種種原因，到最后可能很難使用this,仍然取到正確的當(dāng)前元素，所以，可以使用一個(gè)變量來(lái)存儲(chǔ)this:
var that = $(this);然后在使用就可以了
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
- 解決jquery有正確返回值但不執(zhí)行success函數(shù)的問(wèn)題
- jQuery中常用動(dòng)畫(huà)效果函數(shù)知識(shí)點(diǎn)整理
- jQuery實(shí)現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- 基于jquery trigger函數(shù)無(wú)法觸發(fā)a標(biāo)簽的兩種解決方法
- JavaScript自執(zhí)行函數(shù)和jQuery擴(kuò)展方法詳解
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
- jQuery中map函數(shù)的兩種方式
- jQuery.parseHTML() 函數(shù)詳解
- jquery中用函數(shù)來(lái)設(shè)置css樣式
- jquery的$().each和$.each的區(qū)別
相關(guān)文章
本文總結(jié)了一些jQuery操作CSS樣式、位置、尺寸的方法，非常的全面，非常細(xì)致，推薦給有需要的小伙伴。2014-11-11
JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允許請(qǐng)求當(dāng)前源（域名、協(xié)議、端口）的資源。2011-06-06
jQuery實(shí)現(xiàn)當(dāng)拉動(dòng)滾動(dòng)條到底部加載數(shù)據(jù)的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)當(dāng)拉動(dòng)滾動(dòng)條到底部加載數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)滾動(dòng)事件的監(jiān)聽(tīng)、響應(yīng)及數(shù)據(jù)加載相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
精彩的彈幕效果分享給大家，具有一定的參考價(jià)值，感興趣的朋友可以嘗試制作彈幕，具體內(nèi)容如下2016-07-07
33個(gè)優(yōu)秀的 jQuery 圖片展示插件分享
這篇文章收集了33個(gè)優(yōu)秀的 jQuery 圖片插件分享給大家。2012-03-03
jQuery實(shí)現(xiàn)的圖片分組切換焦點(diǎn)圖插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)的圖片分組切換焦點(diǎn)圖插件,效果非常棒，而且很實(shí)用，推薦給有需要的小伙伴。2015-01-01
jQuery Validation插件remote驗(yàn)證方式的Bug解決
jQuery插件很多，其中一個(gè)重要的插件便是jQuery Validation，它的作用是對(duì)表單進(jìn)行驗(yàn)證，還上了jQuery官網(wǎng)。2010-07-07
本篇文章是基于JQuery在線制作的ppt在線演示，非常高大尚，效果非常好，需要的朋友可以參考下。2015-09-09
jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題
這篇文章主要介紹了jquery點(diǎn)擊獲取動(dòng)態(tài)數(shù)據(jù)進(jìn)行傳參問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了jQuery插件支持同一頁(yè)面被多次調(diào)用的相關(guān)資料,需要的朋友可以參考下2016-02-02