Question

所以，我试图做一个包含删除按钮以删除按钮后。 问题是..删除按钮提交表单，我不能预先定义我的按钮类/ ID，因为它是多次beeing echo'd（php脚本读取目录，然后将所有文件放在一个表中）

这是当前脚本，它在后台发布表单，但它不隐藏元素，我自己尝试了一些东西，但是脚本最终隐藏了页面上的所有按钮，或者它不起作用所有..

按钮beeing回显：

echo "<input type='submit' value='delete' name='submit'>"; 

其背后的脚本：

$("#delform").submit(function() { 

    var url = "../../setdel.php"; // the script where you handle the form input. 

    $.ajax({ 
      type: "POST", 
      url: url, 
      data: $("#delform").serialize(), // serializes the form's elements. 
      success: function(data) 
      { 
      // location.reload(); // show response from the php script. 
      } 
     }); 

    return false; // avoid to execute the actual submit of the form. 
}); 

Answer 1

抓住按钮的onclick而不是捕获提交。例如：

echo "<input type='submit' value='delete' name='delete' class='trigger_delete'>"; 
              // ^^ don't name your buttons as submit 
              // it will conflict to .submit() method 

上JS：

$('.trigger_delete').on('click', function(e){ 
    e.preventDefault(); // prevent triggering submit 
    var url = "../../setdel.php"; 

    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: $("#delform").serialize(), 
     success: function(response) { 
      console.log(response); 
      $(e.target).closest('tr').hide(); // or .fadeOut(); 
     }(e) // <--- this one 
    }); 
});