删除成功函数div

Question

删除成功函数div

我试图使用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>

Run Code Online (Sandbox Code Playgroud)

我的脚本是:我如何删除一个盒子.

$(".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();


        },
 });
 });

Run Code Online (Sandbox Code Playgroud)

Answer 1

Aru*_*hny 5

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，2 月前
查看次数：	616 次
最近记录：	12 年，2 月前