在ecshop中通过js获取商品goods_id

JavaScript011

在ecshop中通过js获取商品goods_id,第1张

商品列表页

<!--{foreach from=$goods_list item=goods}-->

<!--{if $goods.goods_id} -->

<li>

<a href="{$goods.url}">

<img style="display: inline" src="{$goods.goods_thumb}" alt="{$goods.goods_name}" height="140" width="140">

</a>

<p>

<a href="{$goods.url}">{$goods.goods_name}</a>

</p>

<h4><!-- {if $goods.promote_price neq ""} -->

{$goods.promote_price}

<!-- {else}-->

{$goods.shop_price}

<!--{/if}--></h4>

<font>已有<a class="review_" href="{$goods.url}">{$goods.comment_count}</a>人评价</font>

<h5>

<a href="javascript:addToCart({$goods.goods_id})">立即购买</a>

<a href='javascript:collect({$goods.goods_id})' class="shouc_btn">收藏</a>

</h5>

</li>

<!-- {/if} -->

<!--{/foreach}-->

｛$goods.goods_id｝就是获取商品列表页面的商品ID

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

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

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

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

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

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