Показать каждый первый элемент в списке родительских элементов (jQuery + CSS)

Question

Я немного застрял здесь. Я пытаюсь показать первый div для каждого раздела, который я использую jQuery. Существует несколько родительских элементов .each-business-content-extra, в которых есть несколько дочерних элементов .each. Каждый .each настроен на показ не через CMS, но я хочу сначала .each в каждом .each-business-content-extra, который существует для отображения: block.

Я попытался это -

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

Любые идеи?

Спасибо, R

Answer 1

Оказывается, это была комбинация всяких ...

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

Большое спасибо.

Answer 2

Вы можете использовать .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 3

попробовать это:

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

Answer 4

Вы можете сделать это по-своему, но правильный селектор :first-of-type :

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

Answer 5

Вы можете попробовать с этой простой,

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

Answer 6

Попробуйте

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

Демо: Fiddle