使用jQuery的.wrap上述元素

所有的孩子們，我有以下HTML：使用jQuery的.wrap上述元素

<div class="main_container"> 
    <a href="#">Financial</a> 
    <div class="sub_container"> 
    <a href="#">Financial services</a> 
    <a href="#">Government</a> 
    </div> 
    <img class="image" src="img/img.png"> 
    <a href="#">Education</a> 
    <div class="sub_container"> 
    <a href="#">Broadcast and media</a> 
    <a href="#">Education</a> 
    </div> 
    <a href="#">Government</a> 
    <div class="sub_container"> 
    <a href="#">Broadcast and media</a> 
    <a href="#">Government</a> 
    </div> 
    <img class="image" src="img/img.png"> 
</div>

我試着讓環繞上述img標籤的所有元素，沒有結果，我已經嘗試使用包裝，wrapAll，prevAll但那些不起作用。

輸出代碼我試圖得到：

<div class="main_container"> 

    <div class="WRAP_CONTAINER"> 
     <a href="#">Financial</a> 
     <div class="sub_container"> 
     <a href="#">Financial services</a> 
     <a href="#">Government</a> 
     </div> 
    </div> 

    <img class="image" src="img/img.png"> 

    <div class="WRAP_CONTAINER"> 
     <a href="#">Education</a> 
     <div class="sub_container"> 
     <a href="#">Broadcast and media</a> 
     <a href="#">Education</a> 
     </div> 
     <a href="#">Government</a> 
     <div class="sub_container"> 
     <a href="#">Broadcast and media</a> 
     <a href="#">Government</a> 
     </div> 
    </div> 

    <img class="image" src="img/img.png"> 
</div>

請幫幫忙，我開始失去理智。

來源

2012-11-16 Paweł Burzyński

它是如何幫助我們來幫助你，如果你不提供任何的實際封裝代碼？ – Ian

使用'prevUntil（）'獲得img標籤上的所有元素到另一個img標籤 –

這應該這樣做

$("img").each(function() 
{ 
    $(this).prevUntil("img").wrapAll("<div class='WRAP_CONTAINER'></div>"); 
});

來源

2012-11-16 19:40:20

Ilia G，感謝戰利品，這正是我所需要的！ –

使用jQuery的.wrap上述元素

回答

相關問題