Jquery在与单击的复选框相同的<li>中禁用所有<select>> </li> </select>

Question

Jquery onclick复选框禁用所有＆lt;选择＆gt;在同一＆lt; li＆gt;

这是我的HTML

<li class="list-group-item bs-callout bs-callout-active">
  <div>
    <input type="checkbox" class="days" value="1" > 
  </div>
  <div>
    Monday
  </div>
  <div>
    <select><option>Value</option></select>
  </div>
  <div> until </div> 
  <div>
    <select><option>Value</option> </select>
  </div>
</li>

到目前为止我的Jquery代码：

$(".days").on('click', function(){
    if ( $(this).is(':checked') )
{  ... } else
{ $(this).parent().parent().$("[select]").prop('disabled',true);  }

不工作。我更喜欢“速度和写它通用”（没有id）之间的最佳组合，因为有更多的线，我想我想避免每天/每行不同的类。我已经获得了复选框的通用类，并希望从那里走到选择框。

$(".class").prop('disabled',true); 

Answer 1

您有不正确的选择器来定位选择元素。使用方法：

$(this).closest('li').find("select").prop('disabled', true);