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

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>

想要使用 jQuery 将 label 标记嵌套在 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 中，我需要每个 Label 嵌套在 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 example