小编sti*_*tig的帖子

jquery,在div中包装元素

我有这个:

<div>content element</div>
<div class="accordionTrigger">
  <div><h1>title</h1></div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  ...
</div>
<div>content element</div>
<div>content element</div>
Run Code Online (Sandbox Code Playgroud)

我需要将所有p-tags包装在div中,如下所示:

    <div>content element</div>
    <div class="accordionTrigger">
      <div><h1>title</h1></div>
      <div class="moreInfo">    
        <p>text</p>
        <p>text</p>
        <p>text</p>
        ...
      </div>
    </div>
    <div>content element</div>
    <div>content element</div>
Run Code Online (Sandbox Code Playgroud)

可以用jQuery完成吗?


如果我有多个<div class="accordionTrigger"></div>,像这样:

<div>content element</div>
<div class="accordionTrigger">
  <div><h1>title</h1></div>
  <p>text</p>
  <p>text</p>
  ...
</div>
<div>content element</div>
<div class="accordionTrigger">
  <div><h1>title</h1></div>
  <p>text</p>
  <p>text</p>
  ...
</div>
Run Code Online (Sandbox Code Playgroud)

结果将是:

<div>content element</div>
<div class="accordionTrigger">
  <div><h1>title</h1></div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  ...
</div>
<div>content element</div>
<div class="accordionTrigger">
  <div><h1>title</h1></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我可以避免吗?

html jquery word-wrap

22
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×1

jquery ×1

word-wrap ×1