Question

我对jQuery相对较新，我正在努力实现以下目标：

我有一个表，对于每个最后一个单元格，我想在ajax请求中使用cells值，并在该单元格中添加ajax回复。

$('#btn_adt').on("click", function() {

  $('.tg td:nth-child(8)').each(function() {

      $that = $(this);

      function ajax() {
              return $.ajax('/echo/xml/');
                       }

ajax().done(function(result) {
           $that.append('<P>' + result + '</P>');
       }).fail(function() {
           $that.append('<P>Not able to find info!</P>')
        })
    })
});

我的问题是我的所有回复都被添加到表格的最后一个单元格中。有什么我想念的吗？从我读到的有关完成函数的内容是应该在ajax完成后运行。

https://jsfiddle.net/andreitudose/Lwzv0eao/15/

Answer 1

您可以从each（）函数中获取索引和对象，并且不会丢失$引用：

$('.tg td:nth-child(8)').each(function(i, o) {
...
$(o).append('<P>' + result + '</P>');

https://jsfiddle.net/Lwzv0eao/18/

Ajax在foreach中附加到最后一个单元格

1 个答案: