如何通过使用 jQuery 将字段集包装在列表项中来使字段集可排序

Question

我在表单中有一组字段集元素。我需要让它们可以排序。大多数插件都是基于对列表进行排序的想法 - 所以我试图将一组变成

<fieldset>
  <input type="text" value="1" id="item_0_sort_1" name="item[0][sort]">
</fieldset>
<fieldset>
  <input type="text" value="1" id="item_0_sort_2" name="item[0][sort]">
</fieldset>
<fieldset>
  <input type="text" value="1" id="item_0_sort_3" name="item[0][sort]">
</fieldset>

（

<ul>
  <li>
    <fieldset>
      <input type = "text" value="1" id="item_0_sort_1" name="item[0][sort]">
    </fieldset>
  </li>
  <li>
    <fieldset>
      <input type = "text" value="2" id="item_0_sort_2" name="item[0][sort]">
    </fieldset>
  </li>
  <li>
    <fieldset>
      <input type = "text" value="3" id="item_0_sort_3" name="item[0][sort]">
    </fieldset>
  </li>
</ul>

不，这我无法更改 HTML :-( ）

我可以包装字段集不问题，

$('form').children('fieldset').wrap('<li>');

但似乎不知道如何将字段集元素移动到

中？现在我计划使用 jquery.dragsort 来移动项目，并使用 jQuery相应地重新编号 input.val() - 对于回调的任何建议也将不胜感激，

或者如果有一种方法可以直接对字段集进行排序，那我会以正确的方式进行处理吗？我怀疑会更好。

Answer 1

使用wrapAll：

$('form li').wrapAll("<ul/>");

Answer 2

我准备了一个DEMO。

这是标记：

<form>
    <fieldset>
      <input type="text" value="1" id="item_0_sort_1" name="item[0][sort]">
    </fieldset>
    <fieldset>
      <input type="text" value="1" id="item_0_sort_2" name="item[0][sort]">
    </fieldset>
    <fieldset>
      <input type="text" value="1" id="item_0_sort_3" name="item[0][sort]">
    </fieldset>
</form>

和 jQuery：

$('form >*').wrap('<li>');
$('form li').wrapAll('<ul>');