根据div中的文本将子元素分组到较小的子组中

Question

更新：使用.wrapAll

解决了这个问题

$(document).ready(function(){
$( ".filterformbox:contains('Approved Selection')" ).wrapAll( "<div class='new' />");
});

我有一堆带有一堆div的容器。这些div中包含文本，我想在其自己的子组中使用自己的类将具有相似文本的div组合在一起。

这是html：

   <div class="column wide">
   <div class="filterformbox">
   <label>  
   <a class="checkboxOn" href="/products/Computers/Desktops?hpcs=59">A3&nbsp;Approved Selection Budget  
  </label></div>
  <div class="filterformbox">
  <label>  
   <a class="checkboxOn" href="/products/Computers/Desktops?hpcs=59">A3&nbsp;Approved Selection ONE
  </label></div>
  <div class="filterformbox"></div>
  <div class="filterformbox"></div>
  <div class="filterformbox"></div>
  <div class="filterformbox"></div>
  </div>

div分为三个和两个 - 在示例中第一组都有＆＃34;批准选择＆＃34;在三个第一个div中，然后是一组其他div，其中包含其他字符串。

我正在玩jquery在个别div中设置一个类，这很有效。但是我如何将它们组合在一起？

我用来设置课程的脚本：

$(document).ready(function(){
$( ".filterformbox:contains('Approved Selection')" ).addClass( "apfilter" );
});