Tag: filter

Jquery列表框/文本框filter

我有以下jquery函数用于从文本框中过滤onkeyup事件上的列表框的内容。 function DoListBoxFilter(listBoxSelector, filter, keys, values) { var list = $(listBoxSelector); var selectBase = ‘{1}’; list.empty(); for (i = 0; i = 0) { var temp = String.format(selectBase, keys[i], value); list.append(temp); } } } 它适用于中小型列表，但是当使用超过300-400个项目的列表时它有点慢…任何人都可以帮助一些想法来优化javascript以加快function吗？ 使用以下代码调用该函数： $(‘#’).keyup(function() { var filter = $(this).val(); DoListBoxFilter(‘#’, filter, keys_, values_); }); 为了使用它，我绑定了一个asp.net列表框，并在页面上填充了两个javascript数组（键和值）。 这是将数据存储在页面上的两个位置，但是使用这种方法，我可以使用列表框的回发来获取所选值，而无需使用javacript来提取值并将其缓存在隐藏的div中。 （它还节省了必须在客户端浏览器上的页面加载时运行该function..这实际上是我看到缓慢的function，因此存储在两个位置加速了页面渲染） 我发现我需要使用javascript数组方法，因为大多数浏览器不承认任何隐藏选项标记的尝试…只有Firefox似乎这样做。 我不确定是否有可能优化和加速这些代码，但如果有人有任何想法我会很感激。 谢谢，Max Schilling

jQuery使用简单的选择框过滤列表

我想用jquery或javascript过滤这个简单的LIST。 我找到的唯一例子就是这样的多个选择框 ： http ： //jsfiddle.net/EfEYQ/ 你能帮我么？ Thx提前 Select by Country Australia Austria Brazil Canada KIDS AAAAAA 1 BBBBBB 2 CCCCCC 2 DDDDDD 1 EEEEEE 3 FFFFFF 4

通过下拉值对表进行排序（简化我的代码）

我有一张桌子。 我希望用户能够通过他们在给定下拉列表中选择的选项来过滤表格。 我有它的工作，但它很麻烦，很难添加新的行（不能让它在jsfiddle工作，抱歉http://jsfiddle.net/anschwem/Y4cf6/2/ ）。 任何简化的代码将不胜感激。 此外，如果此代码仅限于过滤某个表，那将是很好的，所以我可以有很多表和许多下拉。 如果这可以在没有行ID的情况下完成，甚至更好。 谢谢！ 我的表/ html： cats cats dogs birds dogs Select… Cats Dogs Birds 码： $(window).load(function(){ $(‘select’).change(function() { if($(‘#selectFilter option:selected’).attr(‘id’) == “sel_All” || $(‘#selectFilter option:selected’).attr(‘id’) == “sel_All”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).show();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selCats” || $(‘#selectFilter option:selected’).attr(‘id’) == “selCats”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).hide();$(‘#dogRow2’).hide();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selDogs” || $(‘#selectFilter option:selected’).attr(‘id’) == “selDogs”){$(‘#catRow’).hide();$(‘#catRow2’).hide();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selBirds” || […]

关于动态输入值的jQuery选择器

如何在输入字段上使用:contain() ，例如 #inputfield包含动态值5.938，我想使用$(“#inputfield:contains(‘5.938’)”) 。 但这不起作用，我在jsFiddle上提供了一个演示。 我不想使用if(element.val() == ‘5.938’)因为我需要一个临时选择器而不是if/else语句。 我也不是指使用[value=5.938]因为值会改变。

如何为JQuery tablesorter插件的filter小部件创建工具提示？

可能相关的问题： jquery tablesorter添加标题/工具提示以显示升序/降序 下面是我试过的HTML： Column1 Column2 12 34 和JS： $(‘#table1’).tablesorter({ theme : ‘ice’, cssInfoBlock : ‘tablesorter-no-sort’, widgets: [‘zebra’, ‘stickyHeaders’, ‘filter’] }); 标题部分有效。 我没有得到的是filter文本框上的鼠标hover文本。 我不想手动拦截这些事件。

metafizzy的同位素 – 如果没有组合结果，则停用filter

我正在使用metafizzy’同位素来过滤物品。 我有2个过滤行：category1（cable，tools，stuff1，stuff2）和category2（cable1，cable2，tool1，tool2）。 如果在组合两个类别时没有结果，是否可以取消激活filter（使用CSS，例如灰色）？ 示例：我单击filter’stuff2’，在类别2中没有匹配的项目，因此jQuery将类添加到类别2，就像灰色它们一样。 我的同位素代码： jQuery.noConflict(); (function($){ var $container = $(‘#container’), filters = {}; $container.isotope({ itemSelector : ‘.element’, {mfilterscript} {mfilterscript2} }); // filter buttons $(‘.filter a’).click(function(){ var $this = $(this); // don’t proceed if already selected if ( $this.hasClass(‘selected’) ) { return; } var $optionSet = $this.parents(‘.option-set’); // change selected class $optionSet.find(‘.selected’).removeClass(‘selected’); $this.addClass(‘selected’); // store […]

如何选择除第一次出现之外的所有内容

我试图在一个表中选择所有锚标签，除了第一个之外有类.action但似乎无法使用cssfilter。 $(“.action:not(:first)”).css(“visibility”, “hidden”); 没有效果 我也尝试过这样明确地做每一个 $(“tr:contains(‘Second’) .action”).css(“visibility”, “hidden”); 但这会使所有.action隐藏起来 解决了！ $(‘.action:not(:first, :nth(2))’).css(“visibility”, “hidden”);

具有多个搜索标准的Jquery grep或map对象数组

我在JSON中有一个价目表： {Products: [{AdminID: 137, ProduktID: “07.1434”, itemName: “Repaplast”, itemColor: “0000, 5030”, MalKode: “1-3”, …}{AdminID: 6, ProduktID: “07.1436”, itemName: “Repaplast grå”, itemColor: “0070”, MalKode: “1-3”, …}{AdminID: 146, ProduktID: “90.0905”, itemName: “Mixer Gun”, itemColor: null, MalKode: “”, …}{AdminID: 89, ProduktID: “02.0135”, itemName: “Repaplast Primer NEW FORMULA”, itemColor: “”, MalKode: “5-3”, …}]} 该列表大约有400个产品。 假设我想限制列表，只显示基于ProduktID字段的特定产品（这是唯一的）。 假设我有一个产品清单： 07.1438,01,1340,05,04531,02.0135 逗号是分隔符。 我如何基于这些输入.grep或.map对象数组？ […]

多个选择器jquery

这个： $(‘input.people’).attr(‘checked’, false).filter(‘[name=toddS]’).attr(‘checked’, true); 在取消选中所有其他框时，将选中一个包含人类和名称toddS的复选框。 如何在filter中添加其他名称？ 我尝试了几种不同的组合，没有任何作用。 这就是我所拥有的： $(‘input.people’).attr(‘checked’, false).filter(‘[name=toddS], [name=gwenD]’).attr(‘checked’, true);

modernizr检查灰度filterIE 10

IE 10不支持DXfilter（yeaaaay）我目前正在使用$.browser来检测IE 10并实现svg解决方案。 但是$.browser已被弃用，将被删除或已被删除（Yeaaaay再次!!!!）。 那么，在这种情况下，现代化的替代品是什么呢？ $.browser ？ filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ 我尝试过if (Modernizr.css_filters)但是没有用