jquery - ui multiselect 选择时将类添加到li？

Question

是否有任何选项可以将类添加到选定的 li 即选定的选项，如果是这样，如何添加和获取值？

close: function(event, ui){
var selectedValues = $('#VendorNum').val();
 $('.ui-multiselect-checkboxes li').each(function(){
    if($(this).is(":selected")){
    alert(selectedValues);   
    }
 });  

}

警报在这里不起作用

score 0 · Accepted Answer

尝试这个：

var selectedValues = $('#VendorNum').val();
 $('.ui-multiselect-checkboxes li').each(function(){
if($(this).is(":selected")){
 $('.liselected').removeClass('liselected');//remove class from previously selected element
  alert(selectedValues);   
 $(this).addClass('liselected');//add class to current selected
 }
 });  
}

score 0 · Accepted Answer

":selected" 选择器只能用于 "option" 元素，不能用于 "li"。

试试这个代码：

click: function(event, ui){
 $('.ui-multiselect-checkboxes li').removeClass("highlight");
 $(this).addClass("highlight");  
},
close: function(event, ui){
 alert($('.ui-multiselect-checkboxes').multiselect('getChecked').join(", "));
}

score 0 · Accepted Answer

您可以使用 addclass 和 remove class 方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<style>
    .highlight
    {
        color: Red;
    }
</style>
<script>
    $(document).ready(function () {
        $("#myUl li").click(function () {
            $("#myUl li").removeClass("highlight");
            $(this).addClass("highlight");
            alert($(this).html());
        });

    });
</script>
<ul id="myUl">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
</body>
</html>

jquery - ui multiselect 选择时将类添加到li？

3 回答 3

Related

Reference