javascript - Jquery Complex 环绕未包含的项目组

Question

我正在尝试获取一组标题和列表，并单独包含它们，以便我可以设置它们的样式。即:

<h2>Title 1</h2>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<h2>Title 2</h2>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

我尝试使用 .before() 和 .after 在 h2 之前添加一个 div标签，并在每个 ul 之后关闭它，但是我发现 jquery 会自动清理并关闭标签。所以我猜我需要使用 wrap() 只是不确定如何将标题和列表分组在一起。

Answer 1

使用

$('h2').each(function(){
   var self = $(this);
   self.add( self.next() ).wrapAll('<div/>');
});

演示地址:http://jsfiddle.net/gaby/e4f9h/