Question

我从数据库获取数据，div的数量取决于记录的数量，但我得到想要的结果如果我点击第四个按钮第一个div被删除但我希望它删除第4个div不首先，我的代码在这里

<button class="mws-button red" type="button" id="red_remove_<?php echo $i;?>"onclick="rem(id,id);">Remove</button>

我已点击按钮

调用此功能

var count=0;
function rem(key,l){
$('#remove_more_opertaion'+count).remove();
$('#label'+count).remove();
count++;
}

Answer 1

使用jQuery更清洁的方法：

HTML：

<button class="mws-button red remove-btn" 
        type="button"
        data-id="<?php echo $i; ?>"  // <-- will use this id to remove corresponding div
        id="red_remove_<?php echo $i;?>">Remove</button>

JS：

$('.remove-btn').click(function() {
    var id = $(this).data('id');
    $('#remove_more_opertaion' + id).remove();
    $('#label' + id).remove();
});

因为你有jQuery，所以不需要使用onclick="..."。

Answer 2

使用拆分功能并匹配数字和删除的点击按钮div

删除按钮单击时单击的按钮div

2 个答案: