Tag: filter

从tablesorter过滤Widget不起作用

我在MVC Razor应用程序中使用Tablesorter(2.22.1),我在添加基本filter行时遇到问题。 我在bundle中添加了脚本(js插件)。 bundles.Add(new ScriptBundle(“~/bundles/initTableSort”).Include( “~/Scripts/libs/jquery.tablesorter.js”, “~/Scripts/libs/jquery.tablesorter.widgets.js”, “~/Scripts/libs/jquery.tablesorter.combined.js”) ); 我还用jquery将它包含在_Layout.html中 。 我没有使用jquery.latest.js,因为在我的项目中有不同的jquery文件(新),它们被添加到_Layout。 @Scripts.Render(“~/bundles/jquery”) … @Scripts.Render(“~/bundles/initTableSort”) 我有自己的CSS,我不使用Tablesorter主题。 我的jsfunction: $(“.tablesorter”).tablesorter({ sortReset: true, sortRestart: true, widthFixed : true, textAttribute: ‘data-sort’, widgets: [“filter”], widgetOptions: { filter_external: ‘.search’, filter_defaultFilter: { 1: ‘~{query}’ }, filter_columnFilters: true, filter_placeholder: { search: ‘Search…’ }, filter_saveFilters: true, filter_reset: ‘.reset’ }, headers: { ‘th.smallChart, th.errorLink’: { […]

如何在Javascript中过滤json对象?

我有以下json字符串: { “Alarm”:{ “Hello”:48, “World”:3, “Orange”:1 }, “Rapid”:{ “Total”:746084, “Fake”:20970, “Cancel”:9985, “Word”: 2343 }, “Flow”:{ “Support”:746084, “About”:0, “Learn”:0 } } 然后我加载上面的字符串并将其转换为json对象: jsonStr = ‘{“Alarm”:{“Hello”:48,”World”:3,”Orange”:1},”Rapid”:{“Total”:746084,”Fake”:20970,”Cancel”:9985},”Flow”:{“Support”:746084,”About”:0,”Learn”:0}}’; var jsonObj = JSON.parse(jsonStr); 现在我如何通过键名过滤这个json对象? 例如,如果filter是“ange”,则过滤的对象将是: { “Alarm”:{ “Orange”:1 } } 如果filter是“flo”,则过滤后的对象将变为: { “Flow”:{ “Support”:746084, “About”:0, “Learn”:0 } } 如果filter是“wor”,结果将是: { “Alarm”:{ “World”:3, }, “Rapid”:{ “Word”: 2343 } } 是否可以使用filter方法实现此过滤? 任何意见,将不胜感激。

查找字体大小超过指定的元素

我正在尝试定义一个JQuery语句,用于查找具有比输入值更大(或更小) font-size元素。 可能的输入值: “12px” “14pt” “120%” and so on… 我的第一种方法更多的是草案,因为它不能以这种方式工作。 但也许你有想法如何实现解决方案。 这是我到目前为止(输入值来自其他地方并且是可变的): $(‘*’).filter(function() { return $(this).css(‘font-size’) > ’12px’; }) 任何人? 更新 我被要求解释为什么我需要这样的东西。 我正在使用Java中的Selenium2编写API,它能够以更简单,更可靠的方式查找元素并与它们进行交互。 这个函数允许我编写像browser.find().titleElements()这样的代码,它选择所有h1 , h2 ,…标签,以及字体大小比页面上的平均文本大的元素。 该框架还将提供选择视觉上彼此靠近或在特定方向上的元素的function: HtmlElement nameLabel = browser.find().labelElement(“name”); HtmlElement nameInput = browser.find().closestInputElement(nameLabel); nameInput.below(“tos”).select();

Jquery – 基于combobox的筛选器列表框

我有两个列表显示汽车公司,第二个显示所有汽车 这是第一个comboxbox(第一个选项是ALL) ALL GM Honda Ford 这是我的第二个lisbox Chevy [GM] Buick [GM] Civic [Honda] Accord [Honda] Focus [Ford] 基于第一个combox选择,我应该只显示第二个列表中的汽车公司汽车。 即使是第二个列表也有括号中的汽车公司名称。这是固定格式。 再次从第一个列表中,如果用户选择“全部”,我应该显示所有车辆。 任何机构都可以给我一个实现这个或代码片段的想法吗? 谢谢你的帮助 问候 基兰

jQuery表filter,带有文本,复选框,选择

需要从表格外部过滤表格,包括文本搜索,复选框和选择。 用于jQuery的PicNet表filter适用于搜索和使用表外的复选框…虽然我找不到任何有关如何使选择框工作的示例。 谁知道? **我可能会在这里变得过于具体,但我想我至少会询问。* 我也对PicNet以外的其他可能性持开放态度。 更新 :到目前为止,这是我的代码,我想通过两个是/否复选框在主体顶部选择一个选项。 PicNet Table Filter Demo $(document).ready(function() { // Randomly Create Data Rows // Initialise Plugin var options1 = { additionalFilterTriggers: [$(‘#onlyyes’), $(‘#onlyno’), $(‘#itemone’), $(‘#quickfind’)], clearFiltersControls: [$(‘#cleanfilters’)], matchingRow: function(state, tr, textTokens) { if (!state || !state.id) { return true; } var val = tr.children(‘td:eq(2)’).text(); var val2 = tr.children(‘td:eq(3)’).text(); switch (state.id) […]

使用下拉列表过滤表(dataTables)

我正在使用dataTables jQuery插件(这非常棒),但是根据我的选择框的更改,我无法让我的表进行过滤。 function: $(document).ready(function() { $(“#msds-table”).dataTable({ “sPaginationType”: “full_numbers”, “bFilter”: false }); var oTable; oTable = $(‘#msds-table’).dataTable(); $(‘#msds-select’).change( function() { oTable.fnFilter( $(this).val() ); }); }); HTML: Column 1 Column 2 etc All Group 1 Group 2 Group 3 Group 4 Group 5 Group 6 Group 1 Download Group 1 Download Group 1 Download 表继续显示一堆项目,直到“Group 6”,但你明白了。 有没有人试过这样做过?

Jquery – 简单数组,如果它已经存在则推送项目,如果它存在则移除项目

我正在构建一个简单的过滤系统,我只想在一个数组中添加一个字符串,如果已经点击链接就将其删除。 我会尽力解释我能做的最好的事情…… $(document).ready(function(){ //so I start with an empty array var filters []; //when a link is clicked I want to add it to the array.. $(‘li a’, context).click(function(e){ //so I get the value held in the data-event attribute of the clicked item example: “john” newFilter = $(this).attr(‘data-event’); //this is where I get stuck, I […]

jQuery选择并过滤div中的元素

我在选择和过滤div中的元素时遇到问题。 HTML: jQuery: $(“#wrapper”).children().click(function() { alert(“hi there”); }); 问题是我每次点击div内的任何内容时都会收到警报。 但我的要求是仅在用户点击按钮时发出警报。 我知道在jQuery中过滤元素是使用:button 这是我尝试过的: $(“#wrapper”).children(“:button”).click(function() { alert(“hi there”); }); 和 $(“#wrapper”).children().filter(“:button”).click(function() { alert(“hi there”); }); 它没用 有人知道怎么做吗?

jQuery按属性值过滤

Driver License State Email Experience Level First Name Is Account Enabled Last Contacted Date Last Name Middle Name Carrier 我有一系列链接。 每个链接都有一个attributeid属性。 我想按属性值过滤。 所以在上面的链接中,如果我的值为41,它将返回中间名链接。 var link = $(‘.selectedColumns a:[attributeid==’ + $(this).val() + ‘]’); 这没用?

使用jQuery过滤多个列表

我在一个页面上有多个列表(多个类别的产品),如下所示: Category 1 item1 item2 item3 Category 2 item27 item28 列表的数量是可变的。 我想在这里的演示页面上找到一个filterhttp://static.railstips.org/orderedlist/demos/quicksilverjs/jquery.html 。 但它应该搜索不同的列表。 如果用户搜索“2”,则结果应为: Category 1 item2 Category 2 item27 item28 如果他搜索“1”那么它应该是(不显示没有结果的列表的h3标题): Category 1 item1 有人能帮我吗? 提前致谢!