如何使用jquery遍历DOM元素？

Question

我仍在使用javascript，并且无法找出正确的语法来选择DOM元素。非常感谢任何观点。

html：

<div class="container"> 
  <label class="check_box_label">
    <input type="checkbox" class="checkbox">
    Checkbox Label
  </label>
  <select class="select">...</select>
</div>

当复选框值改变时，如果选中它我想用select字段做某事（我正在使用coffeescript）

jQuery ->
  $(".checkbox).change ->
    if $(this).is(":checked")
      $this.xxxxx(".select")

我研究了jquery api，并尝试了各种DOM遍历运算符，但必须忽略一些简单的东西。在上面的示例中，哪个运算符应该替换xxxx？从API描述中，我认为closest应该有效，但事实并非如此。

Answer 1

如果这组元素总是封装在.container div元素中，那么这应该有效：

$(this).closest('div.conainer').find('.select')

这是使用closest遍历DOM层次结构（父元素），然后使用find遍历（子元素）。