通过eq（）获取div中的元素

Question

我在#img_wrapper中有几张图片，所有图片都包含在链接中：

<div id="img_wrapper">
  <a href="img1.jpg" style="display: none;">
   <img src="img1.jpg" />
  </a>
  <a href="img2.jpg" style="display: none;">
   <img src="img2.jpg" />
  </a>
  <a href="img3.jpg" style="display: none;">
   <img src="img3.jpg" />
  </a>
  <a href="img4.jpg" style="display: none;">
   <img src="img4.jpg" />
  </a>
  <a href="img5.jpg" style="display: none;">
   <img src="img5.jpg" />
  </a>
  <a href="img6.jpg" style="display: none;">
   <img src="img6.jpg" />
  </a>
</div>

我试图通过.eq()

获取特定链接

var f = 2;
$('#img_wrapper').eq(f).fadeIn();

问题是，这不起作用。我的代码有问题吗？

Answer 1

您正在定位容器。您需要选择其中的链接：

var f = 2;
$('#img_wrapper a').eq(f).fadeIn();

Answer 2

或者：

$('#img_wrapper').find('a').eq(f).fadeIn();

Answer 3

试试这个

var f = 2;
$('#img_wrapper a').eq(f).fadeIn();