Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript进行正确的嵌套搜索_Javascript_Html_Listjs - Fatal编程技术网

使用Javascript进行正确的嵌套搜索

使用Javascript进行正确的嵌套搜索,javascript,html,listjs,Javascript,Html,Listjs,我正在使用搜索、排序和筛选菜单项。我在嵌套的上使用搜索功能时遇到问题,无法避免 问题是,当我在sub元素中搜索文本时,它返回sub中的整个 我有什么遗漏吗 JSFiddle: 下面是一个示例代码 var选项={ ValueName:['demo-class'] }; var userList=新列表(“测试”,选项) 不幸的是,list.js中似乎不支持搜索嵌套列表(请参阅) 但是,您可以通过为嵌套列表提供另一个类来创建自定义解决方案,创建一个单独的lis

我正在使用搜索、排序和筛选菜单项。我在嵌套的
上使用搜索功能时遇到问题,无法避免

问题是,当我在sub
    元素中搜索文本时,它返回sub
      中的整个
    • 我有什么遗漏吗

      JSFiddle:

      下面是一个示例代码

      var选项={
      ValueName:['demo-class']
      };
      var userList=新列表(“测试”,选项)
      
      
      

      不幸的是,list.js中似乎不支持搜索嵌套列表(请参阅)


      但是,您可以通过为嵌套列表提供另一个类来创建自定义解决方案,创建一个单独的list.js&递归搜索?

      不幸的是,list.js当前不支持搜索嵌套列表(请参阅)

      但是,您可以通过为嵌套列表提供另一个类来创建自定义解决方案,创建一个单独的list.js&递归搜索?

      看起来这种功能还没有实现,作者也没有任何添加它的计划

      为什么不制作自己的原始jQuery解决方案呢

      $('.search-box').on('keyup', function(){
      
      var searchTerm = $(this).val().toLowerCase();
      
          $('.list li').each(function(){
      
              if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
                  $(this).show();
              } else {
                  $(this).hide();
              }
      
          }); });
      
      $('.search box')。在('keyup',function()上{
      var searchTerm=$(this.val().toLowerCase();
      $('.list li')。每个(函数(){
      if($(this).filter('[data search term*='+searchTerm+']').length>0 | | searchTerm.length<1){
      $(this.show();
      }否则{
      $(this.hide();
      }
      }); });
      

      看起来这种功能还没有实现,作者也没有任何添加它的计划

      为什么不制作自己的原始jQuery解决方案呢

      $('.search-box').on('keyup', function(){
      
      var searchTerm = $(this).val().toLowerCase();
      
          $('.list li').each(function(){
      
              if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
                  $(this).show();
              } else {
                  $(this).hide();
              }
      
          }); });
      
      $('.search box')。在('keyup',function()上{
      var searchTerm=$(this.val().toLowerCase();
      $('.list li')。每个(函数(){
      if($(this).filter('[data search term*='+searchTerm+']').length>0 | | searchTerm.length<1){
      $(this.show();
      }否则{
      $(this.hide();
      }
      }); });
      
      正如@Sam和@David所说,这是一个图书馆问题

      如果有人正在使用或希望使用此库的嵌套功能,则可以在项目的GitHub页面下找到它

      示例用法

      $(函数(){
      变量选项={
      ValueName:[“可搜索”],
      项目:“
    • ”, 嵌套搜索:true }; var userList=新列表(“用户”,选项); })
      
      

      正如@Sam和@David所说,这是一个图书馆问题

      如果有人正在使用或希望使用此库的嵌套功能,则可以在项目的GitHub页面下找到它

      示例用法

      $(函数(){
      变量选项={
      ValueName:[“可搜索”],
      项目:“
    • ”, 嵌套搜索:true }; var userList=新列表(“用户”,选项); })
      
      

      谢谢,因为在嵌套搜索之前我使用这个库没有任何问题,所以我没有实现我自己的库。现在我必须:-)有时候,制定自己的解决方案是一条必由之路,我们在与第三方库合作时经常碰壁,因此有信心围绕它进行构建是一项巨大的资产。祝你好运!谢谢,因为在嵌套搜索之前我使用这个库没有任何问题,所以我没有实现我自己的库。现在我必须:-)有时候,制定自己的解决方案是一条必由之路,我们在与第三方库合作时经常碰壁,因此有信心围绕它进行构建是一项巨大的资产。祝你好运!这对现有的HTML非常有效,如果HTML是动态的,您将如何做呢。我试过了,妈妈