여러 div 래핑

Question

두 개의 클래스 이름이 k-edit-label 및 k-edit-feild 인 div가 있습니다.이 클래스는 이름이 wrapper 인 하나의 클래스로 묶어야합니다. 나는이

<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" />'); 

하지만를 사용하여 시도처럼에 다음 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 안에있는 이름.

미리 도움을 주셔서 감사합니다.

Answer 1

데모 시도해보십시오. Fiddle