jQuery обертывает наборы элементов в div

Здравствуйте, я хотел бы использовать jQuery для переноса наборов элементов в div.

HTML:

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

<h3>Title</h3>
<ul>
<li>Feature</li>
<li>Feature</li>
</ul>

Желаемый результат:

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

Мой вопрос похож на следующий, но мне не удалось заставить работать решение, предложенное Russ Cam.

Объединить три повторяющиеся группы div в одну с помощью jQuery

Заранее спасибо.


jquery jquery-selectors
person Justin Leveck    schedule 11.01.2010    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Попробуй это:

$(document).ready(function(){
 $('h3').each(function(){
  $(this).add( $(this).next() ).wrapAll('<div class="box"></div>');
 })
})
person Mottie    schedule 11.01.2010