鸟巢每个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标签UL LI内使用jQuery和使形式看起来像这样

<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 example

Answer 2

你将不得不使用each环：

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