选择$.ajaxJquery的父级

Select parent of $.ajax Jquery?

本文关键字：ajaxJquery 选择      更新时间：2023-09-26

我如何选择$.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
});

ajax成功函数中的$(this).parent()返回jQuery()有什么想法吗？

使用上下文选项：

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

jQuery参考

因为默认情况下ajax调用是asynch，所以当在success中执行$(this)时，this引用ajaxapi，$(this).parent()引用jQuery()。

为了避免这种情况，在ajax调用开始在success内部使用之前，将element reference保存在variable中。

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

将对ajax的调用放在函数中，并将元素参数传递给函数？

function doAjax(triggerElement)
{
   $.ajax({
      url: whatever,
      context: triggerElement,
      success : function (content) { $(this).html(content);  }
   });
}
$(function () {
   $('#triggerElementId').click(function () { doAjax(this); });
});
相关文章：