JQUERY，将 LI 附加到 UL，然后对该 LI 进行动画处理

Question

我有一个 UL:

<ul id="news-feed">.....</ul>

我希望能够将 LI 附加到列表顶部，并将附加项目滑入到位。

$("#news-feed").append('<li">This is my item</li>').hide().slideDown();

我遇到的问题是上面的代码向下滑动新闻源项目，而不是附加项目。有什么想法吗？

Answer 1

如果您希望将它们全部链接在一起，您可以使用 appendTo()反而。它将返回新的 <li>元素，以便您可以将其向下滑动。

$('<li>This is my item</li>').appendTo("#news-feed").hide().slideDown();

编辑: 正如 @cletus 指出的，您应该使用 .prependTo()正如他在回答中所做的那样，而不是 .appendTo() 。这会将新项目置于列表顶部。