如何用JavaScript编写长尾词筛选功能的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计355个文字,预计阅读时间需要2分钟。
本例分享了一个使用JS实现筛选功能的代码示例,供大家参考。
功能:通过复选框对显示内容进行筛选。
代码:
js$(function() { function filter() { var checkedValues=[]; $('input[type=checkbox]:checked').each(function() { checkedValues.push($(this).val()); }); var filteredContent=$('.content').children().filter(function() { return $(this).data('category').indexOf(checkedValues.join(',')) !==-1; }); $('.content').empty().append(filteredContent); }
$('.filter-input').on('change', filter);});
本文实例为大家分享了js实现筛选功能的具体代码,供大家参考,具体内容如下
功能
通过复选框对显示内容进行筛选,如,勾选后仅显示在线用户。
本文共计355个文字,预计阅读时间需要2分钟。
本例分享了一个使用JS实现筛选功能的代码示例,供大家参考。
功能:通过复选框对显示内容进行筛选。
代码:
js$(function() { function filter() { var checkedValues=[]; $('input[type=checkbox]:checked').each(function() { checkedValues.push($(this).val()); }); var filteredContent=$('.content').children().filter(function() { return $(this).data('category').indexOf(checkedValues.join(',')) !==-1; }); $('.content').empty().append(filteredContent); }
$('.filter-input').on('change', filter);});
本文实例为大家分享了js实现筛选功能的具体代码,供大家参考,具体内容如下
功能
通过复选框对显示内容进行筛选,如,勾选后仅显示在线用户。

