Wrap li in another li

Question

I have a list below. In which I want to wrap the last three li in another ul li tag.

My html

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

I want to

<ul>
<li>1</li>
<li>
<ul>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</li>
</ul>

my code

$('ul li:not(:first)').wrap('<li></li>');

But he tears the personality into another. Help in search engines

Answer 1

Everything you need here in this context .wrapAll()

Try

$('ul li:not(:first)').wrapAll('<li><ul></ul></li>');

Demo

Answer 2

try it

for me to avoid: first pseudo class, because in many cases this does not work, so try running the code

 $(function(){

$('ul li').eq(0).addClass('hi');

$('li').not('.hi').wrapAll('<ul><li></li></ul>');

});