jquery - 将每个 html 元素嵌套到不同的 html 块中

Question

我有一个看起来像这样的大型生成表单，标签在标签label外面UL LI

<label for="title">Title:</label>
<ul class="formItem">
  <li>
   <input type="text" value="">
  </li>
</ul>

<label for="title">First Name:</label>
<ul class="formItem">
  <li>
   <input type="text" value="">
  </li>
</ul>

想要label在使用 jQuery 中嵌套标签UL LI并使表单看起来像这样

<ul class="formItem">
  <li>
   <label for="title">Title:</label>
   <input type="text" value="">
  </li>
</ul>

<ul class="formItem">
  <li>
   <label for="title">First Name:</label>
   <input type="text" value="">
  </li>
</ul>

我试过了，但这会获取Label表单上的每个标签并粘贴在第一个标签中，我需要每个标签直接li嵌套在它之后li

(function($) {
 jQuery(".formItem li").append(jQuery("#my-form label"));
})(jQuery); 

Answer 1

$('ul.formItem').each(function () {
    $(this).find('li').prepend($(this).prev('label'));
});

jsFiddle 示例

Answer 2

您必须使用each循环：

$('#my-form label').each(function(index) {
    $('.formItem li').eq(index).prepend(this);
});