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

Question

我有这个HTML结构

<img  width="25" height="25" src=/data/apple_logo.jpg alt=Chocolate />      
  <input class="cake_checkboxes" style="vertical-align: bottom;"  type="checkbox" name="option[232][]" value="23" id="option-value-23" />
  <label for="option-value-23"> Chocolate</label>
  <br />
<div style='display:none;' class="quantity">
......

如果我做

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

要么

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

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

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

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

Answer 1

next()如果它与选择器匹配,则仅返回DOM中的下一个元素,否则返回空对象.因此,您唯一可以搜索使用的next()是<label>.请改用:

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

jQuery文档: nextAll()