javascript - 親要素のリストの最初の要素をそれぞれ表示する (jQuery+CSS)

Question

ここでちょっと立ち往生しています。jQueryを使用している各セクションの最初のdivを表示しようとしています。.each-business-content-extraいくつかの子要素を持つ複数の親要素があります.each。それぞれ.eachがCMS経由で表示なしに設定されていますが、存在する.eachそれぞれの最初の.each-business-content-extraものをdisplay:blockに設定したいと考えています。

これを試してみました—</p>

$('.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').each(function() {
  $(this).find('.each: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').children(":first").show();