Tag: filter

如何使用复选框动态过滤内容？ – jQuery: 我试图使用复选框和jquery动态过滤掉内容。作为jquery的新手，我不确定如何正确地做到这一点，所以如果任何可以帮助那将是伟大的。我有这个代码： $(document).ready(function(){ $(“#test”).change(function() { if ($(this).is(“:checked”)) { $(“#example”).hide(); }else{ $(“#example”).show(); } }); }); Example Example2 我试图让它成为两个复选框动态工作，这意味着我不必像上面那样硬编码id，这只适用于第一个复选框。我想有多个复选框，所以想知道如何做到这一点。我是否在检查中获取ID并以某种方式插入？任何帮助都会很棒，谢谢。

jquery：如何根据文本输入隐藏表: 我有一个文本输入框和这样的多个HTML表： Table1 title Name Country Andrew USA John Canada 我想根据输入框中的用户类型过滤数据。现在我的JS代码是： $(document).ready(function(){ $(“#search”).keyup(function(){ // When value of the input is not blank if( $(this).val() != “”) { // Show only matching TR, hide rest of them $(“#table1 > tbody > tr”).hide(); $(“#table1 td:contains-ci(‘” + $(this).val() + “‘)”).parent(“tr”).show(); } else { // When there […]

json数据检查是否重复相同的id: 我有一个json数据，其中一个id有不同的color_id。所以从那里我只想检查同一个id是否重复然后只保留第一个这是我的示例JSON var data= [{ “id”: “1”, “name”: “xxx”, “age”: “22”,”color_id”: “22” }, { “id”: “1”, “name”: “yyy”, “age”: “15”,”color_id”: “1” }, { “id”: “5”, “name”: “zzz”, “age”: “59”,”color_id”: “22” }]; 我想要的输出 var data= [{ “id”: “1”, “name”: “xxx”, “age”: “22”,”color_id”: “22” }, { “id”: “5”, “name”: “zzz”, “age”: “59”,”color_id”: “22” }]; 我尝试减少但在那里我发现修改数据结构所以我不确定我是否会得到我想要的输出。

基于URL哈希字符串过滤列表: 我有一个名为myul的列表（无论如何） item 1 item 2 item 3 item 4 item 5 item 6 我使用过滤其项目和脚本基于jquery jQuery.expr [‘：’]。containsLower = function（a，i，m）{ return jQuery（a）.text（）。toUpperCase（） .indexOf（m [3] .toUpperCase（））> = 0; //用于大写 – 小写支持 }; $（ ‘＃filter’）。KEYUP（函数（）{ $（’ul #myul li’）。hide（）。filter（’：containsLower（“’+ this.value +’”）’）。fadeIn（）; //仅显示具有输入值的项目以及键盘function上的项目 }）; 它可以过滤关键function列表，但我希望它也可以在字符串上工作是URL哈希，所以我使用 $（window）.load（function（）{ var hash = window.location.hash.substring（1）; //删除＃ document.getElementById（’filter’）。value = hash; //添加哈希字符串以过滤输入 }）; 但它不会过滤列表（考虑到url已经存在的哈希），即使我在窗口加载（而不是keyup）上运行filterfunction。它只是隐藏所有列表项。我想让它在窗口加载，而不是键盘上工作.. 有任何想法吗？

使用Ajax在CodeIgniter中使用来自数据库的多个数据自动完成文本框: 我想要任何人的帮助来做这个自动完成文本框。现在数据来自数据库，但我想限制显示重复数据。这是代码：控制器： load->view(‘birds_view’); } function get_birds() { $this->load->model(‘birds_model’); if (isset($_GET[‘term’])){ $q = strtolower($_GET[‘term’]); $this->birds_model->get_bird($q); } } } 模型： db->select(‘*’); $this->db->like(‘bird’, $q); $this->db->order_by(‘bird’); $query = $this->db->get(‘birds’); if($query->num_rows() > 0){ foreach ($query->result_array() as $row){ $row_set[‘label’]=htmlentities(stripslashes($row[‘bird’])); } echo json_encode($row_set); } } } 视图： Skills $(function() { function split( val ) { return val.split( /,\s*/ ); } […]

Keyup使用jQuery过滤带有标头的多个列表: 我正在尝试使用jQuery过滤带有标题（类别名称）的多个列表（特定类别的书籍）。我只想过滤搜索列表中的项目（特定书籍），但不过滤标题。如果列表为空，则标题（类别名称）应该消失。到目前为止我的工作是过滤多个列表，但如果列表为空，则标题不会消失。我还想从filter中排除.custom-books列表。 HTML： Custom Books Don’t see your book in our list? Add it yourself! Academic Academic Book One Academic Book Two Botany Botany Book One Botany Book Two 和我的jQuery： var $products = $(‘#workflow_books li ul li a’) $(“#search”).keyup(function() { $products.show().filter(function() { return !re.test($(this).text()); }).hide(); }) 有任何想法吗？谢谢和高分！麦克风

JQuery不同的后代（过滤掉结果集中的所有父项）: 我需要一个方法来过滤掉结果集中其他元素的父元素。我试着写一个插件： jQuery.fn.distinctDescendants = function() { var nodes = []; var result = this; jQuery(result).each(function() { var node = jQuery(this).get(0); if(jQuery(node).find(result).length == 0) { nodes.push(node); } }); return nodes; }; 当我在此示例页面上运行以下命令时： jQuery(‘body, textarea’).distinctDescendants(); 我得到（错误的）结果： [body.contact-page, textarea, textarea] 这是错误的，因为body是结果中至少一个其他元素的父（两个textareas）。因此，预期结果将是： [textarea, textarea] 这有什么不对？

复杂的jQueryfilter（）不起作用: 我试图动态插入链接以返回到网页每个部分末尾的文档顶部（可悲的是，但它是基于表格的布局）。我正在使用jQuery filter()选择器，虽然我没有得到任何错误，但它没有对浏览器输出进行任何更改。当我对变量使用alert()时，它表示Object object 。我理解问题出在我定义filter本身的行中，但我找不到类似的例子，我不知道如何解决它。这是代码： HTML section title 1 text text section title 2 text text JavaScript的 $(document).ready(function(){ var lastRow = $(‘tr’).filter(function(){ return $(this).next()==$(“.head”); // Here’s the problem, IMO }); var a = ‘go to top ↑’; lastRow.after(a); }); 该脚本尝试选择class=”head”的行前面的每一行，并插入一个带有top链接的行。

Javascript按类型过滤书籍: 所以，我有一堆书，都附在一个或多个类型上，我有一个过滤盒（想想亚马逊），所以用户可以过滤他们喜欢的类型的书籍。 Classic … Classic … 我正在使用一些Javascript，所以当用户从filter列表中选择一个类型时，它会向该类型之外的所有书籍添加一个.hidden类。 if($(‘.books’).length){ var books = $(‘.books’); books.find(‘.filter ul a’).on(‘click’, function(){ books.find(‘.filter ul a’).removeClass(‘active’); $(this).addClass(‘active’); var selector = $(this).attr(‘data-filter’); books.find(‘.book’).addClass(‘hidden’); books.find(selector).removeClass(‘hidden’); return false; }); } 我在这里有一个有效的演示程序： http ： //codepen.io/realph/pen/atImc 麻烦的是，我一次只能搜索一种类型（即Fantasy）。我无法选择两种类型（即Fantasy和Thriller）。如果有人可以帮我修改这段代码来做到这一点，我真的很感激。提前致谢！更新：在筛选器列表中添加了一个Allfilter（感谢@epascarello对此的帮助）： jQuery(document).ready(function($) { if($(‘.books’).length){ var books = $(‘.books’); books.find(‘.filter ul a’).on(‘click’, function(e){ e.preventDefault(); books.find(‘.filter ul a.all’).removeClass(‘active’); $(this).toggleClass(‘active’); […]

如何让jQuery的’filter’function正常运行SVG节点？: 说我有以下SVG和jQuery： demo $(‘#test’).filter(‘text’).each(function(){ // do something }); filterfunction不适用于SVG，可能是因为jQuery是为DOM操作设计的，而不是命名空间的SVG。但是如何才能使jQuery的filterfunction正确地接受SVG呢？ Sizzle.filter = function( expr, set, inplace, not ) { var match, anyFound, old = expr, result = [], curLoop = set, isXMLFilter = set && set[0] && Sizzle.isXML( set[0] ); while ( expr && set.length ) { for ( var type in Expr.filter ) { if […]