删除特定的 div答案

【问题标题】：Delete specific div删除特定的 div
【发布时间】：2014-01-15 02:37:13
【问题描述】：

我想使用 jQuery 删除 div 内的特定 div。我该怎么做？这是我的代码：

echo "<div class=\"da-slide\">
    <h2>".$OPST."</h2>
    <p>".$OPSC."
    </p>
    <div class=\"da-img\">
    <input onclick='SLIDE_EDIT($OPID);' class=\"slideedit\" type=\"button\" value=\"EDIT\"> 
    <input onclick='SLIDE_DELETE($OPID);' class=\"slidelete\" type=\"button\" value=\"DELETE\" > 
    <input id=\"$OPID\" onclick='SLIDE_HIDE($OPID);' class=\"slidehide\" type=\"button\" value=\"$OPSS\" > 

    ".$OPSI."  
    </div>

这是我的删除脚本。我所做的只是为了刷新页面。

function SLIDE_DELETE(SLIDEID)
{
    $.post('insert_home.php',{
    SLIDE_DELETE:SLIDEID}).done(function(data){
    alert('SLIDE SUCCESSFULLY DELETED');
    location.reload();
    });
}

【问题讨论】：

为什么要使用 AJAX 删除元素？

标签： jquery html css content-management-system

【解决方案1】：

使用 jQuery 事件处理程序总是更好。

由于您有一个内联事件处理程序，请将单击的元素引用传递给删除函数，以便可以将其删除

<input onclick='SLIDE_DELETE($OPID, this);' class=\"slidelete\" type=\"button\" value=\"DELETE\" >

然后

function SLIDE_DELETE(SLIDEID, el) {
    $.post('insert_home.php', {
        SLIDE_DELETE: SLIDEID
    }).done(function (data) {
        alert('SLIDE SUCCESSFULLY DELETED');
        //you may want to delete the da-slide element which contains the delete button
        $(el).closest('.da-slide').remove();
        //if you just want to remove the delete button
        //$(el).remove()
    });
}

【讨论】：