Question

我正在尝试使用jquery删除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();


        },
 });
 });

Answer 1

您的选择器错误.... "div #box_"+clickedID正在"#box_"+clickedID元素中搜索ID为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();
        }
    });
});

Answer 2

删除空格：

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

Answer 3

您不需要Jquery选择器中的'div'

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

删除成功函数div

3 个答案: