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

小云云
リリース: 2018-01-12 13:12:17
オリジナル
1791 人が閲覧しました

この記事では主に、現在の要素を転送するために 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート