webForumDet fria alternativet

Wrappa siblings med samma klass? (jQuery)

2 svar · 782 visningar · startad av casca

cascaMedlem sedan feb. 20005 891 inlägg
#1

Har en sida som innehåller olika element, mestadels <p> och <ul>.

De element som har klassen "box" vill jag wrappa med en container.

Men bara de som ligger vid varandra!

Ex. kan en sida se ut såhär:

<p class="box">Stycke 1.</p>
<p class="box">Stycke 2.</p>
<p>Stycke 3.</p>
<p>Stycke 4.</p>
<p class="box">Stycke 5.</p>
<p class="box">Stycke 6.</p>

De vill jag wrappa automatiskt såhär:

<div class="box-container">
   <p class="box">Stycke 1.</p>
   <p class="box">Stycke 2.</p>
</div>
<p>Stycke 3.</p>
<p>Stycke 4.</p>
<div class="box-container">
   <p class="box">Stycke 5.</p>
   <p class="box">Stycke 6.</p>
</div>

Är inne på att använda .wrap() alt. .wrapAll() i JQuery - men hur "selektar" jag elementen? Det kan vara ett eller flera element med klassen.

voigtann1Medlem sedan juni 20019 519 inlägg
#2

inte det snyggaste men: http://jsbin.com/igokeb/edit#javascript,html,live kanske?

cascaMedlem sedan feb. 20005 891 inlägg
#3

voigtann to the rescue som vanligt i JS! Tack mannen, det blir alldeles utmärkt. :)

124 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)