jquery - 如何用 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>

当复选框值更改时，如果选中它，我想对选择字段做一些事情（我正在使用咖啡脚本）

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

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

Answer 1

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

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

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