通過jQuery中元素類選擇項目

Question

我嘗試挑選.dropzone父項內的所有子項.preview元素。

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

返回3，但有2個對象。我猜這也是容器。

我該如何選擇只有兩個.preview項目？

Answer 1

試試這個演示，請：http://jsfiddle.net/KjJZx/1/或http://jsfiddle.net/wbkVS/

API：http://api.jquery.com/children/Get the children of each element in the set of matched elements, optionally filtered by a selector

希望它適合需要！ :)

代碼

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

Answer 2

嘗試

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

Answer 3

選擇這個共同的選擇語法也只是：

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

$('.dropzone > .preview).length（如果是.dropzone直接子）

http://api.jquery.com/category/selectors/

@伊戈爾的答案也很好。

Answer 4

你是對的，它也計數的集裝箱股利。使用jQuery函數中的CSS後代選擇器（和元素之間的空白空間）來選擇元素的後代（後代是元素內的所有元素）。或者，如果你只想要孩子（直接後裔），使用子選擇器（>）。

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

add函數將添加到jQuery對象中的當前元素，就像您懷疑的一樣。