jQuery查找父標簽

Question

我有這個HTML片段：

<div class="form-group">
  <div class="col-sm-1"></div>
  <label for="allquestion4" class="col-sm-6 control-label label-red">Question</label>
  <div class="col-sm-1"></div>
  <div class="col-sm-3">
    <select size="2" class="selectpicker" id="allquestion4" title="Choose">
      <option value="0">No</option>
      <option value="1">Yes</option>
    </select>
  </div>
  <div class="col-sm-1"></div>
</div>

為什么以下jQuery無法找到標簽：

$(this).closest('label').hasClass('.label-red');

其中$（this）是選擇器。

更新

試試這個小提琴。

Answer 1

刪除. 來自hasClass('.label-red') 。 它想要類的名稱而不是CSS選擇器。

Answer 2

@Mark指出，原始JQuery選擇器中存在錯誤，請刪除. 其次，從hasClass('.label-red')選擇器需要一個父類，因此需要修改html，以便<label>標簽將<select>包裝起來，從而：

<label class="col-sm-6 control-label label-red">Question
    <select size="2" class="selectpicker" id="allquestion4" title="Choose">
        <option value="0">No</option>
        <option value="1">Yes</option>
    </select>
</label>

或者，如果html保持不變，請導航到父form-group ，然后找到以下內容：

$(this).closest('.form-group').find('select').hasClass('label-red')