Question

我使用php while循环从数据库中获取帖子，这是HTML代码的例子 - ＆gt;

<div id="1"> content <button class="btn-primary" data-id="1">button</button></div>
<div id="2">content 2 <button class="btn-primary" data-id="2">button</button></div>

如果有人点击第一个按钮，则应删除id = 1的div

这是jquery代码

$(function() {
    $("body").on("click", ".btn-primary", function() {
        var ids = $(this).data('id'); // get data-id atrribute
        var elements = this;
        $('#id').remove(); // How can i remove the div by showing each id here
        $.ajax({
            type: "POST",
            url: "https://www.example.com/ajax,
            data: "ids=" + ids,
            success: function(data) {
                setTimeout(function() {
                    $('.conner').append(data).fadeIn('slow');
                }, 2000);
            }
        });
    });
});

如何动态获取div id并在点击

时删除div

Answer 1

除非data-id包含多个值，否则您可以：

var ids = $(this).data('id'); // get data-id atrribute
$('#' + ids).remove();

更简单的方法 - 删除父按钮：

$( this ).parent().remove();

Answer 2

使用变量如：

$('#'+ids).remove();

或者您可以简单地使用

$(this).parent().remove();

Answer 3

如果您的容器始终为div，则您不需要使用ID，您可以使用：

$(this).closest('div').remove();

希望这有帮助。

Answer 4

有时会发生这样的情况：如果一个元素的id只包含数字，我们会尝试使用该ID访问该元素，因此创建问题最好使用

$(this).parent().remove();

Answer 5

如果要删除的div是按钮的直接父级，则

$(this).parent().remove();

如果您有层次结构，则可以多次添加.parent()

$(this).parent().parent().parent().remove();

Answer 6

是这样的吗？

Codepen example

.75:2:3:4:6:8

<强> HTML

dimens

如何选择独特的div id＆amp;去掉它

6 个答案: