裹特定的div jQuery的

Question

我有這個代碼

<div class="superdiv"> 
 
    <div class="nicediv"></div> 
 
    <div class="extradiv"></div> 
 
    <div class="extradiv"></div> 
 
    <div class="extradiv"></div> 
 
</div> 
 
<div class="superdiv"> 
 
    <div class="nicediv"></div> 
 
    <div class="extradiv"></div> 
 
    <div class="extradiv"></div> 
 
    <div class="extradiv"></div> 
 
</div>

我想包裝所有.extradiv爲div。

感謝您的幫助！

Answer 1

嘗試以下

$(".superdiv").each(function(){ 
    $(this).children(".extradiv").wrapAll("<div/>"); 
}); 

Answer 2

您可以使用wrapAll()包中提供的HTML選定的元素。考慮到您更新的HTML，您還需要遍歷.superdiv元素並在每個實例中僅包裝.extradiv。試試這個：

$('.superdiv').each(function() { 
 
    $(this).find('.extradiv').wrapAll('<div class="wrapper" />'); 
 
});

.wrapper { 
 
    border: 1px solid #C00; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="superdiv"> 
 
    <div class="nicediv">nicediv</div> 
 
    <div class="extradiv">extradiv</div> 
 
    <div class="extradiv">extradiv</div> 
 
    <div class="extradiv">extradiv</div> 
 
</div> 
 
<div class="superdiv"> 
 
    <div class="nicediv">nicediv</div> 
 
    <div class="extradiv">extradiv</div> 
 
    <div class="extradiv">extradiv</div> 
 
    <div class="extradiv">extradiv</div> 
 
</div>