jquery - 使用ajax

Question

我有打印表单的按钮，其中包含不同ID的数据。 每个表单都包含唯一的ID。

问题是主页无法找到这些ID

js（数据显示表格）

$(document).on("click", ".e-manage", function(e){

var element     = $(this);
var attracID    = element.attr("data-attracID");

data = "attracID=" + attracID;

$.ajax ({
  type: 'GET',
  url: 'attraction-manage.php',
  data: data,
  async: false,
  success: function (data) 
      {
        $("#attrac"+attracID).append(data);
      }
  });

    e.preventDefault();

}）;

$(document).on("click", ".close_form", function(e){
    formID = $(this).parents("form").attr('id');
    $("#attrac-form-"+formID).hide();  **// this part doesn't works**

    e.preventDefault();
});

数据结果：

<form id="attrac-form-<?PHP echo $mainIndex['id'] ?>" action="#">
</form>

<form id="attrac-form-<?PHP echo $mainIndex['id'] ?>" action="#">
</form>

<form id="attrac-form-<?PHP echo $mainIndex['id'] ?>" action="#">
</form>

Answer 1

只需删除字符串，您的代码将是这样的：

$("#"+formID).hide();

像Furquan Khan说的那样。

Answer 2

您尚未提及哪个HTML元素具有close_form类。 但是，为了给你指路，

$(document).on("click", ".close_form", function(e){
    formID = $(this).parents("form").attr('id');
    $(formID).hide();  **// Do not need the string before `formID` variable as it already contains it.**

    e.preventDefault();
});

Answer 3

我认为你不需要这样做

$("#attrac-form-"+formID).hide();

你可以直接写

$('#'+formID).hide();

您已使用formID = $(this).parents("form").attr('id');

获取表单的ID