Выберите родителя $ .ajax Jquery? - PullRequest
Новая
       18

Выберите родителя $ .ajax Jquery?

1 голос
/ 24 января 2012

Как выбрать родительский элемент $ .ajax или родительский элемент элемента, который вызвал $ .ajax. Мне нужна какая-то ссылка, чтобы я мог применить к ней данные результата: 

var a = $a.val();
var b = $b.val();

 $.ajax({
      type: "POST",
      url: "/Controller/Action",
      data: { a: a, b: b },
      success: function (data) {

          var values = data.values,
              $elements = $();
              for (i = 0; i < 142; i++) {
                  $elements = $elements.add($("<div class='single'>").css('height', values[i]).css('margin-top', 26 - valuesG[i]));
              }
                //Here it should reference $(this).parent().parent().. something
               //and not :last, because there are many .second elems... 
              //not only :last is being changed?

              $elements.appendTo($(".second:last"));
              $(".second:last").children(".single").addClass("ui-selected");
      },
      traditional: true
});

$(this).parent() в функции успеха ajax возвращает jQuery() Есть идеи?

Ответы [ 3 ]

6 голосов
/ 24 января 2012

Используйте контекстную опцию: 

$.ajax({
    url: "test.html",
    context: document.body,
    success: function(){
      $(this).addClass("done");
   }
});

Справочник jQuery

1 голос
/ 24 января 2012

Поместить вызов ajax в функцию и передать аргумент элемента в функцию? 

function doAjax(triggerElement)
{
   $.ajax({
      url: whatever,
      context: triggerElement,
      success : function (content) { $(this).html(content);  }
   });
}

$(function () {

   $('#triggerElementId').click(function () { doAjax(this); });

});
1 голос
/ 24 января 2012

потому что по умолчанию ajax вызов равен asynch и поэтому, когда вы делаете $(this) внутри success this ссылка на ajax API и так $(this).parent() ссылка на jQuery().

, чтобы избежать этого, сохраните element reference в variable до того, как ajax-вызов начнет использовать внутри success. 

target_element = $(this);

$.ajax({
      type: "POST",
      url: "/Controller/Action",
      data: { a: a, b: b },
      success: function (data) {
       // ....................
               target_element.parent()
     ...............................
...