使用以相同字符开头的类包装ach组元素

Question

Here是我到目前为止的一个小提琴。我想将所有'OK'起始类组包装成自己的：

<div class="wrapper">

我认为一种可能性是采取每个组的第一个元素，然后运行一个nextUntil()，直到它找到类与类不匹配的元素，然后.wrapAll()。

它应该看起来像这样：

<div class="foo">aaa</div>
<div class="wrapper">
  <div class="ok-4">bbb</div>
  <div class="ok-21887">ccc</div>
  <div class="ok-6">ddd</div>
</div>
<div class="bar">eee</div>
<div class="baz">fff</div>
<div class="wrapper">
  <div class="ok-5a4">ggg</div>
  <div class="ok-12">hhh</div>
</div>
<div class="bim">iii</div>

Answer 1

要包装每个div，你可以使用.wrap()：

$('div[class^="ok"]').wrap("<div class='wrapper'></div>");

Working Demo

Answer 2

试试这个：

$('div[class^="ok"]').wrapAll("<div class='wrapper'></div>");

Updated Fiddle