Question

我有代码：

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

现在，我想使用jquery move <li><img src="" /></li>来定位ul，并定位<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>

请帮帮我

Answer 1

最好为您的li和ul提供类似：

的课程

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

然后试试这个：

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

Answer 2

尝试

$('li:has(img)').insertAfter('ul >li:eq(2)');

fiddle Demo

<小时/> .insertAfter()

:has()

:eq()

Answer 3

$("li img").parent().insertAfter("ul li:eq(2)");

JS小提琴： http://jsfiddle.net/H4rD5/

Answer 4

<li><img class="img" src="" /></li> <!-- added a class to the image -->
<!-- starting another `ul` without closing the previous one will generate invalid markup. You may either close the previous `ul` tag or insert the new `ul` tag before closing the above `li` -->
<ul class="list"> <!-- added a class to the `ul` -->
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>


function insertAfter(insertThis, insertTo) {
    $(insertThis).insertAfter(insertTo);
}

insertAfter(".img", ".list li:nth-child(2)");

小提琴：http://jsfiddle.net/nCf5L/

jquery move li to ul

4 个答案: