包裝多個div

Question

我有兩個類名稱k-edit-label和k-edit-feild的div，我需要包裝在一個類名爲wrapper。我如何包裝下面的div

HTML

<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="personType"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="personStyle"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="title"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="firstName"></div> 

<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="middleName"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="lastName"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="fatherName"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="spouseName"></div> 

<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="dob"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="occupation"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="languagesKnown"></div> 
<div class="k-edit-label"></div> 
<div class="k-edit-field" data-container-for="urLoginName"></div> 

成這樣

<div class="wrapper"> 
<div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="personType"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="personStyle"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="title"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="firstName"></div> 
</div> 
<div class="wrapper"> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="middleName"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="lastName"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="fatherName"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="spouseName"></div> 
</div> 
<div class="wrapper"> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="dob"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="occupation"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="languagesKnown"></div> 
    <div class="k-edit-label"></div> 
    <div class="k-edit-field" data-container-for="urLoginName"></div> 
</div> 

我已經使用這個

$('.k-edit-field:nth-child(4n)').each(function(index) { 
      $(this).prevAll('.k-edit-field').andSelf().wrapAll('<div class="wrapper" />'); 
     }); 

     $('.k-edit-form-container > .k-edit-field').wrapAll('<div class="wrapper" />'); 

但試過它不工作，因爲多個類的名稱內的divs。

感謝您的幫助提前！

Answer 1

嘗試

演示：Fiddle