您好,登錄后才能下訂單哦!
最近在工作中遇到一個(gè)問題,需要對頁面上一組元素進(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>
編寫遍歷函數(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ù)返回值 對點(diǎn)擊的元素賦予不同的值
因?yàn)閔tml元素有部分樣式一樣,所有沒有辦法根據(jù) $("#id").html("賦值");
進(jìn)行賦值
這兒使用this,將返回值賦予當(dāng)前點(diǎn)擊的元素
因?yàn)樵擁撁婧瘮?shù)發(fā)生嵌套,所以需要傳遞當(dāng)前元素,
但由于種種原因,到最后可能很難使用this,仍然取到正確的當(dāng)前元素,所以,可以使用一個(gè)變量來存儲this:
var that = $(this);
然后在使用就可以了
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。