So finden Sie die vorherige .multiselect Klasse von li mit aktiver Klasse

Question

Ich habe eine Liste von Auswahlkästchen angenommen .multiselect ist Eltern aller Elemente darunter (d. H. <li>), wenn Benutzer eine Option auswählen .active Klasse hinzugefügt wird.

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

Also Jetzt brauche ich Hilfe TypeID (Wert in JS-Code) zu finden. Ich möchte einen Wert von input checkbox von zuerst .multiselect über .active finden.

Answer 1

Verwenden Sie den folgenden Code Multi Select

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