JQueryで最初の子要素をまとめて取得したい
Q&A
Closed
解決したいこと
JQueryで最初の子要素をまとめて取得したい
HTML
<div class="container">
<div>
<div>あ</div>
<div>い</div>
<div>う</div>
</div>
<div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div>
<div>a</div>
<div>b</div>
<div>c</div>
</div>
</div>
CSS
.red{
color:red;
}
.display_none{
display:none;
}
container内の最初の子要素
<div>
<div>あ</div>
<div>い</div>
<div>う</div>
</div>
のみを取得して
それ以外の
<div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div>
<div>a</div>
<div>b</div>
<div>c</div>
</div>
を非表示にする実装が上手くいかないです。
自分で試したこと
JQuery
$(function () {
$('.container :first-child').addClass('red');
});
$(function () {
$('.container :not(:first-child)').addClass('display_none');
});
これだと孫要素が影響したり、また、not(:first-child)は:first-child以外の認識だったのですが、
そうっぽくない結果が出たりと混乱しております。
実装は配列で表示予定なので、子要素にクラス等はつけないで記述したいと考えています。
どなたかご教授頂けますと助かります、、、。
0
