找到已禁用attr的最近（上方）html元素

Question

我正在尝试找到已禁用属性的最近的html输入字段。

HTML结构是：

<div class="form-group">
    <div class="col-sm-8">
        <input  type="text" disabled class="form-control">
    </div>
    <div class="col-sm-4">
        <div class="toggle switch-animate">
        </div>
    </div>
</div>

...

到目前为止我尝试过但没有工作：

    $(".toggle").click(function () {
        if ($(this).closest("input").attr("disabled"){
            alert("The paragraph was clicked.");
        })
    });

Answer 1

遍历整个容器，然后使用带有属性选择器的find()

＆＃13;

＆＃13;

$(".toggle").click(function() {
  if ($(this).closest(".form-group").find("[disabled]").length) {
    console.log("The paragraph was clicked.");
    $(this).closest(".form-group").find("[disabled]").prop('disabled', false);
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="form-group">
  <div class="col-sm-8">
    <input type="text" disabled class="form-control">
  </div>
  <div class="col-sm-4">
    <div class="toggle switch-animate">
      toggle
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;