将jquery应用于列表的第一个元素

Question

嗨我跟着这个链接，但我无法得到输出： jQuery selector to find the first child in each of a set of elements

我想选择列表的第一个元素，并在我点击id为＃34; #add＆＃34;的按钮时制作fadein动画。我编写的代码如下，但无法获得输出。请帮忙。

HTML

  <div class="panel-body" style="height: 400px;overflow-y: scroll;">

            <div class="input-group">
                <input type="text" class="form-control" id="list_entry">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="add"><i class="icon-plus-sign"></i></button>
                </span>
            </div><br>


            <ul class="list-group" id="inlist">
                <li>something</li>
                <li>something1</li>
                <li>something2</li>
                <li>something3</li>
            </ul>
        </div>

Jquery的

 $("#add").live('click',function(){
 var li = $(this).parent().parent().next().find("li:eq(0)"); //how can i select first li
  li.animate(something);  
 });

Answer 1

关于你的jQuery：

$(document).ready(function(){
    $('#add').click(function(){
        $('#inlist li:first').fadeOut('slow').fadeIn('slow');
    });
});

请参阅小提琴here

Answer 2

将eq移到选择器之外，它是一个jquery函数：

$("#add").live('click',function(){
    var li = $(this).parent().parent().next().find("li").eq(0); //how can i select first li
    li.animate(something);  
});