javascript - 如何使用事件类查找以前的 .multiselect 类 li

Question

假设我有一个选择框列表 .multiselect是其下所有元素的父级(即 <li> )当用户选择一个选项时 .active类被添加到它。

$(".multiselect-container.dropdown-menu li").each(function(){
       if($(this).hasClass("active")){
         var TypeSubId = $(this).find("input").val();
         var TypeID =  $(this).prev(".multiselect").find("input").val();
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="multiselect-container dropdown-menu">
  <li class="multiselect"><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li class="active"><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li class="multiselect"><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
  <li class="active"><input type="checkbox" /></li>
  <li><input type="checkbox" /></li>
</ul>

所以现在我需要帮助找到 TypeID (JS 代码中的值)。我想找到 input checkbox 的值第一个.multiselect以上.active .

Answer 1

使用下面的代码来查找多选

  $(this).prevAll("li.multiselect:first").find("input").val()