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

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()與屬性選擇器

$(".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); 
 
    } 
 
});

<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>