Изменить положение элемента html по jQuery

Question

Я хочу сделать слайдер изображения, когда при входе пользователя в последний снимок будет первым.

Итак, я хочу сделать так, что при щелчке мой первый li изменит свою позицию на 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').on('click', 'li', function(){ 
    $(this).appendTo($(this).parent()) 
}); 

Demo

Answer 2

Вы можете сделать это следующим образом:

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

или по щелчку:

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