适当的jQuery链接

Question

我试图链接这段代码：

$('.testslides :first-child').fadeOut();
$('.restslides :last-child').prependTo('.slides').fadeIn();

进入这个：

$('.testslides :first-child').fadeOut().find('.slide last-child').prependTo('.slides').fadeIn();

但它不起作用。我在哪里做错了？谢谢。

Answer 1

您的问题是 $('.slides :first-child') 将获取所有子元素，这是任何内部html元素的first-child。

因此，使用 .children() ，然后 .eq(0) 来获取孩子并从中获取第一个孩子。作为替代CSS选择器 $('.slides > :first-child') 。

find()用于查找元素的子元素。使用

1. parent()然后children()
2. closest('.slides')然后children()
3. siblings()

并获取last()项。

$('.slides').children().eq(0).fadeOut()
     .siblings().last().prependTo('.slides').fadeIn();

Answer 2

您可以使用.first()和.last()结合.end()方法：

$('.slides').first().fadeOut().end().last().prependTo('.slides').fadeIn();