Question

我正在尝试从布局本身删除点击按钮。但到目前为止无法做到这一点。我是ajax和jQuery的新手。我在网页上有一个div，显示我想删除的按钮形式的待处理操作用户点击它时的每个按钮。此网页每1分钟自动刷新一次，所有这些待处理操作都存储在会话变量中。

现在我没有办法将这个按钮id发送到另一个php脚本，以便它可以从会话数组中删除它。

我试过了......

     <script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 
    function HideButton(butId)
      {
        $('#'+butId).hide();
        deleteButton(butId);

      }
    </script>


 <script>
 function deleteButton(id) {
     $.ajax({
      url: "delete_button.php",
      type: "POST",
      data: "id=" + id,
      success: function(response) {// Response handler}
   }); 
 }
 </script>

 <?php  // here is my php code ..

 //displaying button as follows in a loop 
 echo "<br><button type='button' id='".$id."' onclick=javascript:HideButton('".$id."') >".$pendingAction[$id]." </button>";

尚未找到任何成功。

Answer 1

使用jQuery删除

DOM：

<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>

jQuery的：

$( ".hello" ).remove();

输出：

<div class="container">
  <div class="goodbye">Goodbye</div>
</div>

Answer 2

<强> Demo

你可以通过以下方式做到这一点;

<强> HTML：

<div>
    <input type="button" name="button1" id="button1" value="Button 1"/>
    <input type="button" name="button2" id="button2" value="Button 2"/>
</div>

<强> JS：

$("input[type='button']").on("click", function() {
    var btnId = $(this).attr("id");
    $(this).remove();
    // Uncomment below to activate ajax call
    //deleteButton(btnId);

})

function deleteButton(id) {
    $.ajax({
        url: "delete_button.php",
        type: "POST",
        data: "id=" + id,
        success: function(response) {// Response handler}
    }); 
}

<强> PHP（delete_button.php）：

<?php

var btnId = $_POST["id"];
// delete from session by using $btnId

Answer 3

您可以使用jQuery删除操作
$('.removeButton').live(function () { $(this).remove(); });

或者您也可以在点击时隐藏按钮

$('.removeButton').live(function () { $(this).hide(); });

刷新div面板

3 个答案: