jqueryのカプセル化された関数は現在の要素を渡します-jsチュートリアル-php.cn

jqueryのカプセル化された関数は現在の要素を渡します

小云云

リリース： 2018-01-12 13:12:17

オリジナル

1815 人が閲覧しました

この記事では主に、現在の要素を転送するために 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);