javascript - 如何使用jquery访问动态id标签

Question

我正在尝试在第二个 ajax 调用中使用 jquery 选择器更新 foreach 中的段落标记。我通过将 id 标记设置为 id="spots_,+item.id"使 id 标记唯一，但不知道如何访问 foreach 循环之外的动态 id 标记。我不断收到“id 未定义”错误。认为全局变量可能会起作用，但没有成功。

//ajax form the get available times to play
$('#form').submit(function(){
$.ajax({
  url: $('#form').attr('action'),
  type: 'POST',
  data : $('#form').serialize(),
     success: function(response){
      $.each(JSON.parse(response), function(i, item) {
          var jdate = $('#date').val();

        $('<tr>').html("<td>" + item.time + "</td><td>" + '<form class="insideForm" action="/reservations/getSpots" accept-charset="utf-8"  method="">'  + '<input type="text" name="jtime" value="' + item.time + '"' + "/>"  + '<input type="text" name="jdate" value="' + jdate + '"' + ">" + '<input type="submit" class="btn btn-primary" value="Spots">' +  '</form>' + "</td><td>" + "Spots:" + '<p class="spots" id="spots_' + id + '"'+ ">" + '<div id="spots"></div>' + '</p>'  +  "</td>").appendTo('#availableTimes');
        });//end loop                   

    //ajax form the get available spots/seats 
$('.insideForm').submit(function(){
var form = $(this).closest('form');

$.ajax({
  url: $(this).attr('action'),
  type: 'POST',
  data : $(this).serialize(),
          success: function(response){        
        $('#spots_'+id).html(response);         
      }//end success      
    });
   return false;
});                    
  }//end success
});
return false;
});//end ajax time form

Answer 1

在您的 .insideForm 对象中，您只有一个 .spots 分类段落。

尝试在表单中使用 jQuery 选择器:

$('.insideForm').submit(function () {
    var form = $(this).closest('form');

    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: form.serialize(),

        success: function (response) {
            $('.spots', form).html(response);
        }//end success

    });
    return false;
});