Question

使用jQuery或PHP，我想修改WordPress中the_content函数的dom结构。在一些帖子中我使用了h3元素，我想添加一个包含内容的包装器，直到下一个h3。

所以我想转换一下：

<h3>Title</h3>
<p>This is just regular text</p>
<h3>Next title</h3>

进入这个：

<div class='wrapper'>
  <h3>Title</h3>
  <p>This is just regular text</p>
</div>
<div class='wrapper'>
  <h3>Next title</h3>
</div>

谢谢！

Answer 1

假设内容仅由＆lt; h3＆gt; s和＆lt; p＆gt; s组成，并且它们的形式如下：

<div id="content">
   <h3>title</h3>
    <p>..........</p>
    <p>..........</p>
   <h3>another title</h3>
    <p>.........</p>
   <h3>yet another title</h3>
    <p>..........</p>
 </div>

然后你可以在jQuery中尝试这个。

  //get the main post content
  $content=$("#content");
  $h3s=$content.find('h3');
  $h3s.each(function(index){
       if(index==0)$(this).before('<div class="wrapper">');           
       else $(this).before('</div><div class="wrapper">');
  });
  //remeber to close the last one
  $content.append('</div>');

Wordpress修改the_content标记

1 个答案: