显示父元素列表中的每个第一个元素（jQuery + CSS）

Question

我有点卡在这里。 我试图显示我使用jQuery的每个部分的第一个div。 有多个父元素.each-business-content-extra ，其中有一些子元素.each 。 每个.each均设置为通过CMS不显示任何内容，但我希望将每个.each-business-content-extra中的第一个.each设置为display：block。

我试过了

$('.each-business-content-extra .each:first').each(function() {
  $(this).show();
});

有任何想法吗？

谢谢，R

Answer 1

您可以使用.eq（）定位每个.each类的第一个元素。 http://api.jquery.com/eq/

尝试这个：

$('.each-business-content-extra .each:eq(0)').each(function() {
  $(this).show();
});

或者，尝试以下操作：

$('.each-business-content-extra .each:eq(0)').css('display', 'block');

Answer 2

尝试这个：

  $('.each-business-content-extra').children(":first").show();

Answer 3

您可以按照自己的方式做，但是正确的选择器是:first-of-type ：

$('.each-business-content-extra .each:first-of-type').each(function() {
  $(this).show();
});

Answer 4

您可以尝试这个简单的方法，

$('.each-business-content-extra .each:first-child').show();

Answer 5

尝试

$('.each-business-content-extra').find('.each:first').show()

演示： 小提琴

Answer 6

原来这是每个人的结合...

$('.each-business-content-extra').each(function() {
  $(this).find('.each:first').show();
});

非常感谢。