Question

我试图通过Jquery Accordion创建评论框。但我不知道如何删除明确的项目。删除后，内容为emplty

请告诉我解决方案！

这是我的代码：

//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和h3的父div。这样你就可以只使用一个选择器来实现它，而不是添加provious，然后找到父等等。

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

Demo

Answer 2

如果我了解您要删除整个<div>

只需替换

$(this).remove();

与

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

删除手风琴项目

2 个答案:

Demo