Search code examples
jquerymove

jquery move li to ul


i have code:

<li><img src="" /></li>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

Now, i want use jquery move <li><img src="" /></li> to ul, and position <li>3</li>

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li><img src="" /></li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

Please help me


Solution

  • It's better to give your li and ul a class like:

    <li class="dummyLI"><img src="" /></li>
    <ul class="dummyUL">......</ul>
    

    then try this:

    $('li.dummyLI').insertAfter('ul.dummyUL li:eq(2)');