jquery中封裝函數(shù)傳遞當(dāng)前元素的方法示例
最近在工作中遇到一個(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è)變量來存儲(chǔ)this:
var that = $(this);
然后在使用就可以了
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- 解決jquery有正確返回值但不執(zhí)行success函數(shù)的問題
- jQuery中常用動(dòng)畫效果函數(shù)知識點(diǎn)整理
- jQuery實(shí)現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- 基于jquery trigger函數(shù)無法觸發(fā)a標(biāo)簽的兩種解決方法
- JavaScript自執(zhí)行函數(shù)和jQuery擴(kuò)展方法詳解
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
- jQuery中map函數(shù)的兩種方式
- jQuery.parseHTML() 函數(shù)詳解
- jquery中用函數(shù)來設(shè)置css樣式
- jquery的$().each和$.each的區(qū)別
相關(guān)文章
一款基jquery超炫的動(dòng)畫導(dǎo)航菜單可響應(yīng)單擊事件
。這款導(dǎo)航菜單,初始時(shí)頁面中間一個(gè)按鈕,單擊按鈕,菜單從左側(cè)飛入頁中。再次單擊按鈕,導(dǎo)航飛入左側(cè)消息2014-11-11BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑
這篇文章主要介紹了BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法,分析了jQuery+Ajax實(shí)現(xiàn)腳本的動(dòng)態(tài)加載與執(zhí)行的技巧,需要的朋友可以參考下2015-01-01EASYUI TREEGRID異步加載數(shù)據(jù)實(shí)現(xiàn)方法
找了一下官方文檔,看了EASYUI的異步加載,弄了我兩三個(gè)小時(shí),死活都不出數(shù)據(jù)2012-08-08jQuery基本選擇器和層次選擇器學(xué)習(xí)使用
這篇文章主要介紹了jQuery基本選擇器和層次選擇器的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02淺析Js(Jquery)中,字符串與JSON格式互相轉(zhuǎn)換的示例(直接運(yùn)行實(shí)例)
這幾天,遇到了json格式在JS和Jquey的環(huán)境中,需要相互轉(zhuǎn)換,在網(wǎng)上查了一下,大多為缺胳膊少腿,也許咱是菜鳥吧,終于測試成功后,還是給初學(xué)者們一個(gè)實(shí)例吧2013-07-07jquery插件如何使用 jQuery操作Cookie插件使用介紹
本文將介紹jQuery如何操作Cookie插件,需要了解的朋友可以參考下2012-12-12