Выберите первого ребенка с jquery

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

Вот код

current = 0;
$(document).ready(function(){

    width=951;

    var totalSlides=$(".slider ul li").length;
    $(".slider ul").removeAttr('width');
    $(".slider ul").attr('width',width*totalSlides);

    $('#next img').click(function(){
        current -= width;
        $(".slider ul").animate({"left":current+"px"}, "slow");
        $(".slider ul").append($(".slider ul:first-child"));
        //$('.slider ul:firstChild').remove();
    });
});

Ответ 1

Вам не нужно .remove() ^help или .detach() ^help a node, чтобы добавить его в другое место. Вы можете сделать это, просто нажав .append() ^help или .appendTo() ^help, соответственно .after() ^help и .insertAfter ^help. Например:

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

Демо: http://www.jsfiddle.net/KFk4P/

Ответ 2

Можно выбрать первый дочерний элемент ul:

$('ul > :first-child');

или

$('ul').children().eq(0);

или

$('ul li:first');

Есть, возможно, много других способов.

Ответ 3

Любой из них будет работать:

$('ul > li:first')
$('ul > li:first-child')
$('ul > li:eq(0)')
$('ul > li:nth-child(1)')
$('ul > li').eq(0)
$('ul > li').first()
$('ul > li')[0]

Ответ 4

ul:first-child не выбирает первый дочерний элемент ul, он выбирает ul, который является первым самим ребенком. Используйте li:first-child.

Ответ 5

сначала сделайте класс для каждого первого пролета, например:

<li><span class = "the_span">a1</span><span>b1</<span></li>
<li><span class = "the_span">a2</span><span>b2</<span></li>
<li><span class = "the_span">a3</span><span>b3</span></li>`

В Javascript вы пишете:

var spanEl = document.getElementsByClassName("the_span");

Там вы идете!