刪除成功函數的div

我想使用jquery刪除一個div，但它不工作。刪除成功函數的div

這是我的html代碼：

<html> 
<body> 
<div id="logout"> 
<form class="ajax" method="post" action=""> 
<div id="box_22"> 
<div id="box_23"> 
<div id="box_56"> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"> 
<script src="/../js/tt.js" type="text/javascript"> 
</body> 
</html>

和我的腳本是：如何刪除一個盒子。

$(".delBtn").click(function (event) { 
    event.preventDefault(); 
    var clickedID = 'clickId=' + this.id;  
     jQuery.ajax({ 
     type: "POST", // HTTP method POST or GET 
     url: "/addchannel/delUsr.php", //Where to make Ajax calls 
     dataType:"text", // Data type, HTML, json etc. 
     data:clickedID, //Form variables 
     success:function(response){ 
      alert("#box_"+clickedID); 
      $("div #box_"+clickedID).remove(); 


     }, 
}); 
});

來源

2013-10-24 php developer

凡在HTML的元素與類'delBtn'？結束標籤在哪裏？如果這是您的實際HTML，那麼這是完全無效的，並且您無法保證其具體行爲。 –

你的選擇是錯誤的.... "div #box_"+clickedID與ID "#box_"+clickedID一個div元素中搜索元素。

你的情況，你可以使用id-selector直接

更新：真正的罪魁禍首是變量clickedID，你是創建一個字符串PARAM ....所以選擇將失敗。

$(".delBtn").click(function (event) { 
    event.preventDefault(); 
    var id = this.id; 
    var clickedID = 'clickId=' + id; 

    jQuery.ajax({ 
     type: "POST", // HTTP method POST or GET 
     url: "/addchannel/delUsr.php", //Where to make Ajax calls 
     dataType: "text", // Data type, HTML, json etc. 
     data: clickedID, //Form variables 
     success: function (response) { 
      alert("#box_" + id); 
      $("#box_" + id).remove(); 
     } 
    }); 
});

來源

2013-10-24 12:24:08

帶有'box_' *開頭的ID的div在他張貼的HTML格式的div中，因此選擇器很好（沒有意義）。編輯：哦，等等，沒有結束標籤......上帝知道該頁面應該看起來如何。：/ –

這不起作用。但如果我這樣做$（「div」）.remove（）;它只適用於刪除每個div。 –

關閉標籤在那裏，我從複製DOM模型從螢火蟲，所以它看起來像這樣。 –

刪除空格：

$("div#box_"+clickedID).remove();

來源

2013-10-24 12:24:21 subZero

你不需要的 '格' 在jQuery選擇

$("#box_"+clickedID).remove();

來源

2013-10-24 12:25:03

試過這也，不工作:( –

刪除成功函數的div

回答

相關問題