JQUERY,将LI附加到UL,然后设置LI的动画

Question

我有一个UL:

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

我希望能够将LI附加到列表顶部并将附加项目slideDown放到位.

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

我遇到的问题是上面的代码是向下滑动新闻Feed项目,而不是附加项目.有任何想法吗？

Answer 1

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

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

编辑:正如@cletus所说,你应该.prependTo()像他在答案中那样使用而不是.appendTo().这会将新项目置于列表顶部.

Answer 2

如果你想将它们很好地链接在一起,请翻转并使用prependTo()而不是prepend().或者:

$("<li>").text("This is my item").hide().prependTo("#news-feed").slideDown();

要么

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

我更喜欢第一个因为它处理逃逸.第二个没有.但这在很大程度上取决于偏好.