2

私も試しWrapてみましたが、これはかなりトリッキーです。私はこのhtmlを持っていますWrapALlnextUntil

     <ul class="quick-list quick-glance hideOnSearch show-for-medium-up">
       <li><span class="strong">Price:</span> $198000</li>
       <li><span class="strong">Miles:</span> 349999</li>
       <li><span class="strong">Vehicle Type:</span> Minivans and Vans</li>
     </ul>

そして、私はそれが次のようになりたい

    <ul class="accordion show-for-small hide-for-medium-up">
      <li>
        <div class="title">TITLE</div>
        <div class="content"> 
         
             <ul class="quick-list quick-glance hideOnSearch show-for-medium-up">
               <li><span class="strong">Price:</span> $198000</li>
               <li><span class="strong">Miles:</span> 349999</li>
               <li><span class="strong">Vehicle Type:</span> Minivans and Vans</li>
             </ul>
        
        </div>
      </li>
    </ul>

私はこれを試しました

$('ul.quick-list').wrapAll('<ul class="accordion"><li><div class="title">TITLE</div><div class="content"></div></li></ul>'); //Single page Top accordion

しかし、それquick-listは間違った場所に配置されます。

jQueryでどうやってそれを行うことができますか?

4

2 に答える 2

1

wrapAll() は 1 つの内部要素のみをサポートし、2 つ持っています。解決：

$('ul.quick-list').wrap('<ul class="accordion"><li><div class="content"></div></li></ul>');
$('.content').before('<div class="title">TITLE</div>');

例を参照してください: http://jsfiddle.net/powtac/HzDCD/1/

于 2013-03-22T11:40:03.317 に答える
0

このデモを試す

$(function(){
$('ul.quick-list').wrap('<ul class="accordion show-for-small hide-for-medium-up">').wrap("<li>").wrap('<div class="content">');

$('.content').before('<div class="title">TITLE</div>');
});
于 2013-03-22T11:50:06.003 に答える