jQuery Mobile 可过滤的子选项

jQuery UI是一种基于 Web 的技术，由各种 GUI 小部件、视觉效果和主题组成。这些功能可以使用jQuery JavaScript库来实现。 jQuery UI 是为网页构建 UI 界面的最佳工具。它还可以用于构建高度交互的 Web 应用程序，或者可以用于轻松添加小部件。

在本文中，我们将学习jQuery Mobile 可过滤子选项。禁用选项提供将在过滤期间处理的子项列表。

以下是此选项支持的多种类型：

• String：此类型是一个 jQuery 选择器，用于从元素的子元素中进行选择。
• jQuery：此类型是一个 jQuery 对象，包含要过滤的元素列表。
• 函数：此类型是一个函数，它返回一个包含要过滤的元素列表的 jQuery 对象。每当需要执行过滤时，它也会在不带参数的情况下调用。
• 元素：这种类型是一个 DOM 元素，它是过滤器的一个微不足道的应用。

句法：

children 选项采用上面定义的值类型，语法如下：

$( ".selector" ).filterable({ children: ".my-children" });

• 获取孩子选项：

  var children = $( ".selector" ).filterable( "option", "children" );  

• 设置子选项：

  $( ".selector" ).filterable( "option", "children", ".my-children");

CDN 链接：添加项目所需的这些 jQuery Mobile 脚本。

示例：此示例演示了jQuery Mobile 可过滤子选项。

HTML

        

    
    
    
    
    
    
        
          
    
        $(document).ready(function () {
          
            $(".items").filterable({});
            $(".btnclass").bind("click", function () {
                var children = $( ".items" )
                    .filterable( "option", "children" );
                $("#divID").html("<b>List of Children:" 
                    + "<br>" + children + "</b>"
                );
            });
        });
    


    
        
            
                GeeksforGeeks
                
                    jQuery Mobile Filterable children Option
                
                
            
                
                    
                        
                            
                                Data Structures
                            
                        
                        

                                Interview preparation
                            
                        
                        
                            
                                Java Programming
                            
                        
                    
                
                
            
            
            
        
    

输出：

jQuery Mobile 可过滤子选项

参考： https://api.jquerymobile.com/filterable/#option-children