| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1265 人关注过本帖
标题:当点击加入购物车或立即购买时获取到口味、包装的选中的data-id值了?
只看楼主 加入收藏
recall120
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2018-7-8
结帖率:0
收藏
已结贴  问题点数:20 回复次数:1 
当点击加入购物车或立即购买时获取到口味、包装的选中的data-id值了?
图片附件: 游客没有浏览图片的权限,请 登录注册

程序代码:
<div class="theme-options">

 <div class="cart-title">口味</div>
   <ul>                                               
    <li class="sku-line selected" id="taste" data-id="1">原味</li>
    <li class="sku-line" id="taste" data-id="2">黑糖</li>
    <li class="sku-line" id="taste" data-id="3">蜂蜜</li>
   </ul>

 </div>
<div class="theme-options">
   <div class="cart-title">包装</div>
      <ul id="test">
       <li class="sku-line selected" data-id="1">单人份<i></i></li>
       <li class="sku-line" data-id="2">礼品包<i></i></li>
       <li class="sku-line" data-id="3">豪华包装<i></i></li>
       </ul>
     </div>
     
<li>
   <div class="clearfix tb-btn tb-btn-buy theme-login">
     <a id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">立即购买</a>
    </div>
</li>
   <li>
     <div class="clearfix tb-btn tb-btn-basket theme-login">
      <a id="LikBasket" title="加入购物车"><i></i>加入购物车</a>
       </div>
   </li>

现在只能获取口味的data-id,如何点击加入购物车获取到口味的data-id、包装的data-id的值

程序代码:
$('#LikBasket').on('click', function() {

var id =  $('.sku-line.selected').data('id');
console.log(id);
})
搜索更多相关主题的帖子: 点击 购物车 获取 div class 
2018-07-08 15:42
林月儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖南
等 级:版主
威 望:138
帖 子:2277
专家分:10647
注 册:2015-3-19
收藏
得分:20 
$("li").click(function(){console.log($(this).html(),$(this).attr("data-id"));});

剑栈风樯各苦辛,别时冰雪到时春
2018-07-08 19:36
快速回复:当点击加入购物车或立即购买时获取到口味、包装的选中的data-id值了?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017726 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved