0

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


        },
 });
 });
4

3 回答 3

5

您的选择器错误...."div #box_"+clickedID正在搜索元素"#box_"+clickedID内具有 id 的div元素。

在您的情况下,您可以直接使用id-selector

更新:真正的罪魁祸首是变量clickedID,您将其创建为参数字符串......所以选择器将失败。

$(".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-24T12:24:08.120 回答
0

删除空格:

$( "div#box_"+clickedID ).remove();
于 2013-10-24T12:24:21.040 回答
0

您不需要 Jquery 选择器中的“div”

$( "#box_"+clickedID ).remove();
于 2013-10-24T12:25:03.257 回答