如何使用jQuery销毁/删除活动手风琴

Question

如何销毁带有内容的活动手风琴。

我从以下函数开始：

function DesctroyThisAccordion() {
var active = jQuery("#accordion").accordion('option', 'active');
 jQuery("#accordion").accordion('option', 'active').remove('h3');
jQuery("#accordion").accordion('option', 'active').remove('div');
}

我正在使用jQuery UI的手风琴插件。

我试图找到当前激活的手风琴，并删除其h3和div内容。

如果我选择手风琴中的最后一个元素，它可以正常工作。

//jQuery("h3[class^='Title']:last").remove('h3');
//jQuery("div[class^='ui-accordion-content']:last").remove('div');

但我希望它适用于活动手风琴

任何帮助都将不胜感激。

- HaBo

Answer 1

我使用了：

$("#myAccordion").accordion("destroy");    // Removes the accordion bits
$("#myAccordion").empty();                // Clears the contents

如果你只是清空手风琴容器，它仍会保留手风琴属性，并且不能再次用作手风琴。这里是销毁文档。

- John McDonald

Answer 2

由于我在这个问题上没有找到任何帮助。 我找到了一个解决方案，可能对有同样需求的人有所帮助。

jQuery("h3[class^='Title'][aria-selected='true']").remove('h3');
jQuery("div[class^='ui-accordion-content'][style^='display: block;']").remove('div');

- HaBo

Answer 3

怎么样

$("#accordion h3").remove();
$("#accordion-cost div").remove();

移除手风琴内所有的h3和div元素。

- iCurious