jQuery селектор

[adrian]

Имам следната структура на страницата:

<h3>..</h3>
<p>..</p>

<h3>..</h3>
<p>..</p>

<h3>..</h3>
<p>..</p>

<h3>..</h3>
<p>..</p>

и трябва да стане

<div class="wrap">
<h3>..</h3>
<p>..</p>
</div>

<div class="wrap">
<h3>..</h3>
<p>..</p>
</div>

<div class="wrap">
<h3>..</h3>
<p>..</p>
</div>

<div class="wrap">
<h3>..</h3>
<p>..</p>
</div>

не се сещам за селектор, който може да вземе всяко h3 и p, иначе после е лесно с wrap() да ги оградя.

 

[ArchangelS]

$("<div class='wrap'>").insertBefore("h3");
$("</div>").insertAfter("</p>");

 

[adrian]

Не става така. Браузъра автоматично затваря div-a и не слага затварящия таг отдолу.

получава се такъв резултат

<div class="wrap"></div>
<h3>..</h3>
<p>..</p>

http://pastehtml.com/view/b0yf6qvue.html

 

[alex3]

$('h3').each(function()
{
    $(this).next('p').andSelf().wrapAll('<div class="wrap"/>');
});

 

[ArchangelS]

$(document).ready(function(){
var array = $("h3").each(function(i){return i;});
for(var i = 0;i<=array.length;i++){
$("h3:eq("+i+"),p:eq("+i+")").wrapAll("<div class='wrap'></div>");
}

});