Jquery luego no encuentra el siguiente div?

Question

que tienen esta estructura 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"> 
...... 

si lo hago

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

o

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

puedo obtener un valor vacío regresó, pero si hago esto

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

tengo la div ... necesito alguna idea de lo que está mal o si hay una manera de atravesar hacia abajo como el método jQuery closest atraviesa hasta

Answer 1

next() sólo devuelve el siguiente elemento en el DOM si coincide con el selector , de lo contrario, regresa y vacía el objeto. Entonces, lo único que podría buscar usando next() es <label>. Use este lugar:

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

jQuery Docs: nextAll()

Answer 2

hermanos también trabajan aquí

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