Question

我愿利用 j子改造:

<h3>Question 1</h3>
<p>Answer 1 P1</p>
<p>Answer 1 P2</p>

<h3>Question 2</h3>
<p>Answer 2 P1</p>
<p>Answer 2 P2</p>
<p>Answer 2 P3</p>

Into:

<ul>
   <li>
       <h3>Question 1</h3>
       <div>
          <p>Answer 1 P1</p>
          <p>Answer 1 P2</p>
       </div>
    </li>
    <li>
       <h3>Question 2</h3>
       <div>
          <p>Answer 2 P1</p>
          <p>Answer 2 P2</p>
          <p>Answer 2 P3</p>
       </div>
    </li>
</ul>

任何建议都会得到真正的赞赏。

谢谢!

Answer 1

http://api.jquery.com/next Until/“next Until/code> 在每个<代码>h3后选择所有<代码>p要素,并在div上填入:http://api.jquery.com/wrapall/>, h3要素和包装,也载于li,然后将其贴在ul上。基本情况



var ul = $( <ul> ).prependTo( body );

$( h3 ).each(function(){
    $(this).nextUntil( h3 )
        .wrapAll( <div> ).parent().add(this)
        .wrapAll( <li> ).parent().appendTo(ul);
});

见:。 简明扼要

Answer 2


有趣! 我急切地等待着不同的解决办法。

从理论上讲,我将使用<代码>$( h3, p.each(logic),通过所有这些项目,并在我碰到标签h3时使用。我将创建li,h3<>>和div,届时我将碰到p。页: 1

友情链接