天猫的全部筛选功能怎么做 js

JavaScript023

天猫的全部筛选功能怎么做 js,第1张

js商品筛选功能的具体代码步骤如下：

1、根据数据结构生成HTML结构（利用dom操作）。

2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数。

3、点击a标签，把a标签的内容添加在对象中，同时添加样式。

4、根据对象存的属性生成选择则条件的HTML结构（按顺序排列）。

5、点击关闭选择的条件，删除数据，移除HTML结构，去除在其对应的li中的样式。

伪代码：

这里假设 商品购买量为 a， 商品单价为b, b和a的关系为b=a*x, 商品总价为S， 则

if (a<=100){S=a*b}

if (a>100 &&a<=200){S=a*b}

function(a){

if(a<=100)

b = 300

if(a>100 &&a<=200)

b = 270

return b

}

以此类推

伪代码：这里假设 商品购买量为 a， 商品单价为b, b和a的关系为b=a*x, 商品总价为S， 则if (a<=100){S=a*b}if (a>100 &&a<=200){S=a*b}function(a){if(a<=100)b = 300if(a>100 &&a<=200)b = 270return b}以此类推