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("assignment"); に基づいています

ここでは、現在クリックされている要素に戻り値を割り当てるために使用されます。ただし、ページ関数はネストされているため、現在の要素を渡す必要があります。さまざまな理由により、これを使用しながら正しい現在の要素を取得することは難しい場合があるため、変数を使用してこれを保存し、それを使用します

var that = $(this);

関連する推奨事項:

ajax カプセル化関数 jsonp の使用方法

javascript-ecma で導入 いくつかのカプセル化関数

PHP のカプセル化関数はランダムな文字列検証コードを生成します

以上がjqueryのカプセル化された関数は現在の要素を渡しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。