用jquery选择第一个孩子

Question

我试图选择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();
    });
});

Answer 1

您无需.remove()^帮助或.detach()^帮助节点将其附加到其他位置.您只需通过调用.append()^帮助或.appendTo()^帮助分别提供.after()^帮助和.insertAfter^帮助即可.例如:

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

演示:http://www.jsfiddle.net/KFk4P/

Answer 2

ul可以选择第一个孩子:

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

要么:

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

要么:

$('ul li:first');

可能还有很多其他方法.

Answer 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]