Fatal编程技术网

Javascript 成功时删除div函数

javascript jquery

Javascript 成功时删除div函数,javascript,jquery,Javascript,Jquery,我试图使用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/j

我试图使用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>
您的选择器错误<代码>“div#box uu”+clickedID正在搜索id为
的元素“#box u”+clickedID
位于
div
元素内

在您的情况下，您可以直接使用

更新：真正的罪魁祸首是变量
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();
        }
    });
});
您的选择器错误<代码>“div#box uu”+clickedID正在搜索id为
的元素“#box u”+clickedID
位于
div
元素内

在您的情况下，您可以直接使用

更新：真正的罪魁祸首是变量
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();
        }
    });
});
删除空间：

$( "div#box_"+clickedID ).remove();
删除空间：

$( "div#box_"+clickedID ).remove();
Jquery选择器中不需要“div”

$( "#box_"+clickedID ).remove();
Jquery选择器中不需要“div”

$( "#box_"+clickedID ).remove();
ID以
box\开头的div位于他发布的HTML中的一个div中，因此选择器很好（只是毫无意义）。编辑：哦，等等，没有结束标记。。。天知道那页应该是什么样子/这是行不通的。但是如果我这样做，$（“div”）.remove（）；它只在删除每个div时起作用。结束标记在那里，我从firebug复制了DOM模型，所以看起来像这样。@phpdeveloper是的。。。真正的罪魁祸首是变量
clickedID
，它不是选择器。。。这是一个参数字符串。。。见update@phpdeveloper下次复制实际的HTML源代码，从Firebug发布DOM视图对任何人都没有帮助。ID以
box\uu
开头的div位于他发布的HTML中的一个div中，因此选择器很好（只是毫无意义）。编辑：哦，等等，没有结束标记。。。天知道那页应该是什么样子/这是行不通的。但是如果我这样做，$（“div”）.remove（）；它只在删除每个div时起作用。结束标记在那里，我从firebug复制了DOM模型，所以看起来像这样。@phpdeveloper是的。。。真正的罪魁祸首是变量
clickedID
，它不是选择器。。。这是一个参数字符串。。。见update@phpdeveloper下次复制实际的HTML源代码，从Firebug发布DOM视图对任何人都没有帮助。在HTML中class
delBtn
的元素在哪里？还有，收尾标签在哪里？如果这是您实际的HTML，那么它是完全无效的，并且您不能保证它有任何特定的行为。在HTML中class
delBtn
的元素在哪里？还有，收尾标签在哪里？如果这是您实际的HTML，那么它是完全无效的，并且您不能保证它有任何特定的行为。