jquery - 删除 Accordion 项目

Question

我试图通过 Jquery Accordion 创建评论框。但我不知道如何清楚地删除项目。删除后内容为空

请告诉我解决方案！

这是我的代码：

//accordion
$(".questions").accordion({
    event : "click hoverintent",
    header : "> div > h3",
    collapsible : true,
    autoHeight : true,
    autoActivate : true
});

//button remove click handle
$(".bt_remove").click(function() {
    var parent = $(this).closest('div');
    var head = parent.prev('h3');
    parent.add(head).fadeOut('fast', function(){
        $(this).remove();
    });
});

//html结构

    <div>
    <h3>Question 2. My Second Question ?</h3>
    <div>
        Second content <input class="bt_remove" type="button" value="remove" />
    </div>
</div>

<div>
    <h3>Question 3. My Third Question ?</h3>
    <div>
            Third content <input class="bt_remove" type="button" value="remove" />
    </div>
</div>

任何帮助！谢谢。

Answer 1

如果我的理解是正确的，您正在尝试完全删除手风琴部分，包括其包装器（在您的情况下留下）您可以使用parentsUntil()尝试这种方式，直到手风琴架.questions和收藏中的最后一个将是父 div 包装 div 和 h3。这样你就可以只用一个选择器来实现它，而不是添加 provious 然后找到父级等。

$(this)
     .parentsUntil('.questions')
     .last()
     .fadeOut('fast', function(){
          $(this).remove();
    });

演示

Answer 2

如果我明白你想删除整个<div>

只需更换

$(this).remove();

和

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