jQuery和.parent（）

Question

給定以下標記和JS，為什么第一個語句起作用而第二個語句不能起作用？

jQuery的

$('.selector').change(function () {
  // does work
  $(this).parent(".controls").after( "<div class=\"control-group\">Test</div>" );

  // doesn't work
  $(this).parent(".control-group").after( "<div class=\"control-group\">Test</div>" );
}

的HTML

<div class="control-group">
  <label class="control-label" for="description">Section Type</label>
  <div class="controls">
    <select class="selector">
      // options
    </select>
  </div>
</div>

Answer 1

您應該使用：

• .closest（） ，它僅為您提供與選擇器匹配的第一個元素（從當前選定的元素開始），或者
• .parents（）為您提供與該選擇器匹配的所有父項（從當前選定元素的父項開始）。

.parent（）方法僅在DOM樹上移動單個級別 。

Answer 2

呸！ 我應該有RTFM！

.parents（）和.parent（）方法類似，不同之處在於后者僅在DOM樹上移動單個級別