如何在不删除元素的情况下删除 jquery UI 元素？答案

【问题标题】：How to remove a jquery UI element without removing elements?如何在不删除元素的情况下删除 jquery UI 元素？
【发布时间】：2021-02-11 01:03:22
【问题描述】：

假设我有一些看起来像 thsi 的 html：

<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

如果我然后输入

$("#sortable").sortable();

在控制台中，它将其转换为可排序的。（需要jquery）现在，如果我想将其重置回原始 html，我该怎么做？如果我输入：

$("#sortable").remove()

它会删除所有的 html。

是否有一种方法可以删除 .sortable() 创建的任何内容？

【问题讨论】：

标签： javascript html jquery jquery-ui

【解决方案1】：

使用destroy 方法。

$("#sortable").sortable("destroy");

来自文档：

完全删除可排序功能。这会将元素返回到其初始化前的状态。

【讨论】：