Question

我想创建一个图片滑块，当用户到达最后一张图片时，第一张将是下一张。

所以，我想制作一个点击的情况，我的第一个李将改变它在html上的位置，并将是最后一个。

这是我的HTML：

    <ul>
        <li><img src="img1.jpg" alt="image"></li>
        <li><img src="img2.jpg" alt="image"></li>
        <li><img src="img3.jpg" alt="image"></li>
        <li><img src="img4.jpg" alt="image"></li>
    </ul>

Answer 1

你可以这样做：

$('ul li').eq(0).appendTo('ul');

或点击：

$('#button').on('click', function() {
    $('ul li').eq(0).appendTo('ul');
});

Answer 2

这可以帮到你。

$('ul').on('click', 'li', function(){
    $(this).appendTo( $(this).parent() )
});

Demo

通过jQuery更改html元素的位置

2 个答案: