刪除使用jQuery從PHP創建的div

如何使用jquery刪除在PHP中創建的這個div標籤？具體來說，按下刪除按鈕後，我想刪除一個div。我有一些。刪除使用jQuery從PHP創建的div

這是我的PHP代碼：

<?php 
// For each book... 
while ($row = mysql_fetch_assoc($result)){ 
echo '<div class="task-list" id="div_'.$row['uid'].'"><table>'; 
echo "<tr>"; 
echo "<td><b>".$row['title']."</b></td></tr>"; 
echo "<tr><td>".$row['author']."</td></tr>"; 
echo '<tr><td><img src="'.$row['image_url'].'" width="50" height="100" /></td></tr>'; 
echo '<tr><td><button class="btn cmt_list" name="cmtList" id="cmt- '.$row['uid'].'"value = "hide/show"/>Show</button> </td></tr>'; 
echo '<tr><td><button class="btn btn-danger delete_bk" name="deleteItem" id="'.$row['uid'].'" />Delete</button></td></tr>'; 
echo "</table></div>"; 
?>

這是我的javascript：

//deleting a book from DB when user clicks "Delete" button 
$(".delete_bk").on("click", function() { 
    var book_id = $(this).attr('id'); 
    $.ajax({ 
      type: "GET", 
     url: "delete_bk.php", 
      data: {book_id: book_id} 
    }) 
    .done(function() { 
     var id = $(this).attr('id'); 
    $('#div_'+id).remove(); 
    alert("Data deleted"); 
     }); 
});

來源

2014-02-27 foobear

你婉刪除特定記錄的DIV＃bookdiv？ –

是的！如果我已經創建了＃div_1和＃div_2，並且我想要刪除＃div_2，那麼jquery函數將刪除什麼？ – foobear

試試這個

$(".delete_bk").on("click", function() { 
var book_id = $(this).attr('id'); 
$.ajax({ 
     type: "GET", 
     url: "delete_bk.php", 
     data: {book_id: book_id}, 
     success:function(){ 
      $('#div_'+book_id).remove(); 
      alert("Data deleted"); 

     } 
    }) 
});

來源

2014-02-27 08:58:27

嗯似乎並沒有工作。有關如何解決問題的任何提示？ – foobear

當你試着用這個你得到什麼錯誤 –

沒有錯誤信息，但刪除功能不起作用 – foobear

試試這個

$("#deletebtnid").click(function(e){ 

$("#divid").remove(); 

});

來源

2014-02-27 08:13:16 krishna

$('.task-list').remove();

，如果你只是想刪除第一div：

$('.task-list').first().remove();

，你可以在你的HTML某處添加以下代碼：

<script> 
$(document).ready(function() { $('.task-list').remove(); }); 
</script

注：

下手。用於類名，＃用於查找jQuery中的元素。例如：$（'。YOURCLASSNAME'）或$（'＃YOURID'）

來源

2014-02-27 08:14:33 ReeCube

您會刪除哪個div？

在jQuery中，你可以簡單地做：

$(div_to_remove).remove();

來源

2014-02-27 08:15:14 ciamiz

試試這個代碼

$(document).on('click','.delete_bk', function(){ 
    $('#bookdiv').remove(); 
});

來源

2014-02-27 08:16:10

試試這個

$(document).on('click', '.delete_bk', function(){ 
     var id = $(this).attr('id'); 
     $('#div_'+id).remove(); 
    });

這裏排隊，

<div class="task-list" id="bookdiv"><table>

你需要申請ID喜歡

<div class="task-list" id="div_'.$row['uid'].'"><table>

來源

2014-02-27 08:16:15

看來你有id爲「bookdiv」更多的，一旦 - HTML IDS必須是唯一的 ...改變DIV - >數據屬性像data-delete="$id_of_your_div"添加到您的按鈕，然後：

例

HTML：

<div class="bookdiv task-list" id="book-5813">

按鈕：

<button class="delete_bk" ... data-delete="#book-5813" />

刪除JS

$(document).on('click','.delete_bk', function(){ 
    var delete = $(this).data('delete'); 
    $(delete).remove(); 
});

來源

2014-02-27 08:30:06 pixelpalast

刪除使用jQuery從PHP創建的div

回答

相關問題