使用JavaScript按属性筛选网店产品
Filter webshop products by properties with JavaScript
我有一个网页,里面有大约20种用div包装的产品。我想在不重新加载页面的情况下,根据属性(例如价格订单大小)对它们进行筛选。
我的第一个想法是将这些属性作为包装器div的类属性,并使用jQuery隐藏它们。但这似乎是迂回的,尤其是当你试图在一个价格范围内获得产品时。
有什么办法吗?
要在html元素中标记属性,请使用Jquery.data()而不是使用类。
要筛选要隐藏或显示的选择,请使用Jquery.filter(),即使它是价格范围。
相关文章:
- 如何筛选要写入新文档的HTML,删除JavaScript中的某些类和/或ID
- Javascript筛选器数组抛出错误并崩溃
- Javascript筛选器返回空数组
- Html和javascript<选择>带有筛选的标签
- Javascript(jQuery)… 筛选选择器中文本中的字符
- 在javascript中按字符串长度筛选数组
- 使用javascript单击按钮,根据值筛选html表
- Javascript区分大小写筛选器
- 使用Javascript从DB中筛选结果,这将使DIV重新加载它'基于新参数的内容
- 筛选JavaScript数组
- 使用javascript进行筛选
- 使用lodash javascript筛选子集合
- 用于根据上一个值筛选序列的惯用clojure和Javascript表达式
- 使用多个数组索引进行高效的Javascript对象筛选.使用Node之前的数据量
- DataTable-分页和筛选器don'不适用于JavaScript生成的表
- 当搜索筛选器值从javascript更改时,智能表不会更新
- 从JavaScript对象中筛选特定属性
- JavaScript-正在筛选'<'足够好,可以在显示之前保护HTML
- 如何在javascript中筛选日期以仅获取最近4个月的日期
- 使用原始JavaScript或undercore.js根据布尔值删除或筛选对象