javascript - 如何选择唯一的 div id 并将其删除

Question

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

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