禁用parentNode -jquery的所有输入标记

Question

我需要禁用当前对象的父节点的所有输入标签

场景如下所示

选项问题

 <div class="question_title"> 
      question 1

     <div class="answers"> 
      <div class="optionsa">
       [radiobutton] opt1
     </div>
     <div class="optionsa">
       [radiobutton] opt2
     </div>
    <div class="optionsa">
       [radiobutton] opt3
    </div>
  </div>  
 </div> 

 <div class="question_title"> 
      question 2

     <div class="answers"> 
      <div class="optionsa">
       [radiobutton] opt1
     </div>
     <div class="optionsa">
       [radiobutton] opt2
     </div>
    <div class="optionsa">
       [radiobutton] opt3
    </div>
  </div>  
 </div>         

现在每当我选择一个问题的一个选项时，它应该禁用所有其他选项

我做了以下

<script language="javascript">
    $(document).ready(function(){
          $(".optionsa").click(function(){
                $(this).parent().parent().children().attr('disabled',true);

          });
});
  </script>

但它没有用，我在这里错过了什么？

Answer 1

在此上下文中尝试使用.closest()和.find()，

 $(".optionsa").click(function(){
     $(this).closest('.question_title').find(':radio').prop('disabled',true);
 });