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

本文主要給大家介紹了關於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中文網其他相關文章！