首頁 > web前端 > js教程 > jquery中封裝函數傳遞目前元素

jquery中封裝函數傳遞目前元素

小云云
發布: 2018-01-12 13:12:17
原創
1843 人瀏覽過

本文主要給大家介紹了關於jquery中封裝函數傳遞當前元素的方法,文中給出了詳細的範例程式碼,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。希望能幫助大家。

最近在工作中遇到一個問題,需要對頁面上一組元素進行ajax操作,結構如下:

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="stop">Stop here</p> 

<p id="aid"></p> 

<p id="aid"></p> 

<p id="aid"></p>
登入後複製

編寫遍歷函數

function a() {

      $('p').each(function () {

        var that = $(this);

        var id = that.attr('id');

        b(id, that)

      })

    }
登入後複製

首先執行函數a ()  遍歷每個元素,然後執行b() 函數進行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 = "错误";

          }

          that.html(content);

        }

      })

    }
登入後複製

根據返回值對點擊的元素賦予不同的值

因為html元素有部分樣式一樣,所有沒有辦法根據$("#id").html("賦值"); 進行賦值

這兒使用this,將返回值賦予當前點擊的元素

因為該頁面函數發生嵌套,所以需要傳遞目前元素,

但由於種種原因,到最後可能很難使用this,仍然取到正確的當前元素,所以,可以使用一個變數來儲存this:

var that = $(this);然後在使用就可以了

相關推薦:

ajax 封裝函數 jsonp使用方法

#介紹javascript-ecma中的幾個封裝函數

PHP封裝函數實作產生隨機的字串驗證碼

#

以上是jquery中封裝函數傳遞目前元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板