jQuery将div中的每个两个标签打包

Question

我想将每个两个标签都包装在div中。这些标签是输入单选类型按钮的父项，我想将它们定位为输入无线电类型的父项，以避免打包我网站上的任何其他现有标签（可能有更好的方法来定位这些标签）。这里是的jsfiddle http://jsfiddle.net/Lqu8rcLb/2/

<form id="myform" method="post" action=""> 
<fieldset> 
<dl> 
<dd> 
    <label> 
    <input type="radio" name="radio1" value="radio1"> 
    </label> 
    <label> 
    <input type="radio" name="radio1" value="radio2"> 
    </label> 
</dd> 
</dl>  
     <br></br> 
<dd> 
    <label> 
    <input type="radio" name="radio2" value="radio3"> 
    </label> 
    <label> 
    <input type="radio" name="radio2" value="radio4"> 
    </label> 
</dd> 
</dl>  
</fieldset> 
</form> 

的jQuery：

$('input:radio').parent().each(function() { 
    $(this).wrapAll("<div class="wrapped-labels"></div>"); 
}); 

但jQuery代码不工作，我尝试过许多其他的可能性，最近的一次是包裹在一个div每个标签，但是这是不是我想要的，因为我想要一个div中的两个标签。

Answer 1

你可能想只得到一个标签，那么兄弟标签添加到集合，然后包裹在一个div

$('#myform label:has(input[type="radio"]) + label:has(input[type="radio"])').each(function() { 
    $(this).add($(this).siblings('label')).wrapAll('<div class="wrapped-labels"></div>') 
}); 

FIDDLE

另一种方式来做到这一点，将be

$('input[type="radio"]').parent().each(function() { 
    if (! $(this).closest('.wrapped-labels').length) 
     $(this).add($(this).siblings('label')).wrapAll('<div class="wrapped-labels"></div>'); 
});