Jquery接下来没找到下一个div？

我有这个HTML结构

   Chocolate 
 
 ...... 

如果我做

 $('.cake_checkboxes:first').next('div') 

要么

 $('.cake_checkboxes:first').next('.quantity') 

我得到一个空值，但如果我这样做

 $('.cake_checkboxes:first').next().next().next() 

我得到了我需要的div …任何关于错误的想法或者是否有一种方法可以像jquery 最接近的方法一样遍历

Answer 1

如果与匹配选择器匹配，则next()仅返回DOM中的下一个元素，否则返回空对象。 所以你可以使用next()搜索唯一的东西是 。 改为使用它：

 $('.cake_checkboxes:first').nextAll('.quantity').first() 

jQuery文档： nextAll()

Answer 2

兄弟姐妹也在这里工作

 $('.cake_checkboxes:first').siblings('.quantity')