使用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是动态的,您将如何做呢。我试过了,妈妈