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

问题描述 投票:0回答:2

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>
javascript jquery jquery-traversing
2个回答
1
投票

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

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

Working Demo


0
投票

试试这个:

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

Updated Fiddle

© www.soinside.com 2019 - 2024. All rights reserved.