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）是选择选择器。

更新

尝试this小提琴。

Answer 1

从.移除hasClass('.label-red')。它希望类的名称不是CSS选择器。

Answer 2

原始JQuery选择器中存在错误，如@Mark所指出的，从.移除hasClass('.label-red')其次，选择器需要父级，因此需要修改html以便{{1} 1}}标签包裹<label>因此：

<select>

或者如果html保持不变导航到父<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>，然后找到如下：

form-group

jQuery找到父标签

2 个答案: