如何用jQuery显示最后一个li之后的第一个li

Question

我想删除第一个li并在最后一个li之后使用jQuery添加它.这是我的HTML代码.

<ul id="client_list">
    <li id="1"><img src="img/client.png"/>1</li>
    <li id="2"><img src="img/client1.png"/>2</li>
    <li id="3"><img src="img/client2.png"/>3</li>
    <li id="4"><img src="img/client3.png"/>4</li>
    <li id="5"><img src="img/client4.png"/>5</li>
    <li id="6"><img src="img/client5.png"/>6</li>
    <li id="7"><img src="img/client6.png"/>7</li>
</ul>

是否可以使用jQuery hide()和show()方法？任何帮助高度赞美.

Answer 1

使用insertAfter()沿:first和:last.id如果需要,可以使用属性来选择元素,但这会使代码更加脆弱.

$('li:first').insertAfter('li:last');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="client_list">
  <li id="1"><img src="img/client.png"/>1</li>
  <li id="2"><img src="img/client1.png"/>2</li>
  <li id="3"><img src="img/client2.png"/>3</li>
  <li id="4"><img src="img/client3.png"/>4</li>
  <li id="5"><img src="img/client4.png"/>5</li>
  <li id="6"><img src="img/client5.png"/>6</li>
  <li id="7"><img src="img/client6.png"/>7</li>
</ul>