使用jQuery，我想将ul li标签分为两个div
例
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
<li>4th</li>
<li>5th</li>
<li>6th</li>
</ul>
至
<div class="right">
<ul>
<li>first</li>
</ul>
</div>
<div class="left">
<ul>
<li>second</li>
<li>third</li>
<li>4th</li>
<li>5th</li>
<li>6th</li>
</ul>
</div>
我将仅使用固定的右一个滚动该部分
虽然您的html是invalid（li不应包装在div）中，但是您可以尝试这样，
var li = $('li');
li.filter(':first').wrap('<div class="right"></div>');
li.filter(':not(:first)').wrapAll('<div class="left"></div>');
以下内容可以使您的html有效，
var li = $('li');
li.filter(':first').wrap('<div class="first"></div>').parent().wrap('<li></li>');
li.filter(':not(:first)').wrapAll('<div class="second"></div>').parent().wrap('<li></li>');
根据您的新要求，您可以这样做，
var li = $('li');
$('ul').remove();
var leftLi = li.filter(':first').detach();
var rightLi = li.filter(':not(:first)').detach();
leftLi.appendTo($('body')).wrap('<ul></ul>').wrap('<div></div>');
rightLi.appendTo($('body')).wrapAll('<ul></ul>').wrap('<div></div>');
注意：你应该采取的照顾ids和classes对的ul元素，因为我不知道HTML结构。并且您是否注意到了.appendTo('body')，我只是出于演示目的而写了它，但是您必须决定应将元素附加到何处。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句