jquery의 캡슐화된 함수는 현재 요소를 전달합니다.-JS 튜토리얼-php.cn

jquery의 캡슐화된 함수는 현재 요소를 전달합니다.

小云云

풀어 주다： 2018-01-12 13:12:17

원래의

1818명이 탐색했습니다.

이 기사에서는 현재 요소를 전송하기 위해 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("할당");

여기서는 현재 클릭한 요소에 반환 값을 할당하는 데 사용됩니다. 페이지 기능이 중첩되어 있으므로 현재 요소를 전달해야 합니다. , 다양한 이유로 인해 결국 이를 사용하고 올바른 현재 요소를 얻는 것이 어려울 수 있으므로 변수를 사용하여 이를 저장할 수 있습니다.

var that = $(this);