Question

我想使用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();
    });
}

Answer 1

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

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

<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()
    });
}

删除特定的div

1 个答案: