La fonction encapsulée dans jquery transmet l'élément actuel-js tutoriel-php.cn

La fonction encapsulée dans jquery transmet l'élément actuel

小云云

Libérer： 2018-01-12 13:12:17

original

1818 Les gens l'ont consulté

Cet article vous présente principalement la méthode d'encapsulation de fonctions dans jquery pour transférer l'élément actuel. L'article donne un exemple de code détaillé, qui a une certaine valeur de référence et d'apprentissage pour tous les amis qui en ont besoin peuvent y jeter un œil ci-dessous. J'espère que cela aide tout le monde.

J'ai récemment rencontré un problème au travail. J'ai besoin d'effectuer des opérations ajax sur un groupe d'éléments de la page. La structure est la suivante :

<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>

Copier après la connexion

Écrire une fonction de parcours

function a() {

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

        var that = $(this);

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

        b(id, that)

      })

    }

Copier après la connexion

Exécutez d'abord la fonction a() pour parcourir chaque élément, puis exécutez la fonction b() pour exécuter 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);

        }

      })

    }

Copier après la connexion

Attribuez différentes valeurs à l'élément cliqué en fonction du retour value

Parce que les éléments HTML ont des parties Le style est le même, il n'y a donc aucun moyen d'attribuer une valeur en fonction de $("#id").html("Assignment");

Ici , utilisez-le pour attribuer la valeur de retour à l'élément actuellement cliqué

car les fonctions de cette page sont imbriquées, donc l'élément actuel doit être transmis,

Cependant, pour diverses raisons, il peut être difficile de l'utiliser à la fin tout en obtenant le bon élément actuel. Par conséquent, vous pouvez utiliser une variable pour stocker ceci :

var that = $(this) Ensuite, utilisez-le

;

Recommandations associées :

Méthode d'utilisation de la fonction d'encapsulation ajax jsonp

Présentation de plusieurs fonctions d'encapsulation dans javascript-ecma

Fonction d'encapsulation PHP pour générer un code de vérification de chaîne aléatoire

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!