javascript - jQueryの要素内のクラスでアイテムを選択する

Question

親内のすべての子.preview要素を選択しようとしています。.dropzone

$('.dropzone').add($('.preview')).length

これは 3 を返しますが、2 つのオブジェクトがあります。コンテナも数えているのだろう.dropzone。

.preview2つのアイテムだけを選択するにはどうすればよいですか?

Answer 1

試す

$('.dropzone').find('.preview').length

Answer 2

コンテナ div もカウントしていることは正しいです。jQuery 関数内で CSS 子孫セレクター (および要素間の空白) を使用して、要素の子孫を選択します (子孫は要素内のすべての要素です)。

$('.dropzone .preview').length === 2

または、子 (直系の子孫) のみが必要な場合は、子セレクター (>) を使用します。

$('.dropzone > .preview').length === 2

add 関数は、ご想像のとおり、jQuery オブジェクトの現在の要素に追加します。