如何使用活动类找到以前的.multiselect类

时间:2016-11-11 07:16:43

标签: javascript jquery html

我有一个选择框列表,假设.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的价值。

1 个答案:

答案 0 :(得分:3)

使用以下代码查找多选

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