在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何獲取li標簽當中的data-id的值了？

如何獲取li標簽當中的data-id的值了？

1.當點擊加入購物車或立即購買時獲取到口味、包裝的選中的data-id值了？
clipboard.png

<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);
})
回答
編輯回答
萌二代

...
這個問題很簡單吧。

一般類似的問題都可以用相同方法解決，

你的選中某項不是變紅了，應該是含有某個class

點擊加入購物車遍歷元素是否有class。

第二種方法，

js中設置個變量，初始為null

點擊某個元素獲取data-id賦值給變量。
點擊加入購物車按鈕就能獲取到了。

2017年5月8日 12:51
編輯回答
伴謊

如果有引用 jQuery 的話：

$('.sku-line').on('click', function() {
    var id = $(this).data('id');
    console.log(id);
})
2017年9月20日 17:04
編輯回答
落殤

建議給不同類名：

<div class="theme-options">
 <div class="cart-title">口味</div>
   <ul>                                               
    <li class="sku-line selected sel-flavor" data-id="1">原味</li>
    <li class="sku-line sel-flavor"  data-id="2">黑糖</li>
    <li class="sku-line sel-flavor"  data-id="3">蜂蜜</li>
   </ul>
 </div>
<div class="theme-options">
   <div class="cart-title">包裝</div>
      <ul id="test">
       <li class="sku-line selected sel-pack" data-id="1">單人份<i></i></li>
       <li class="sku-line sel-pack" data-id="2">禮品包<i></i></li>
       <li class="sku-line sel-pack" data-id="3">豪華包裝<i></i></li>
       </ul>
     </div>

然后在點擊“加入購物車”按鈕的時候：

$("#LikBasket").click(function(){
   console.log($(".sel-flavor.selected").data("id"))//獲取選擇的口味data-id
   console.log($(".sel-pack.selected").data("id"))//獲取選擇的包裝data-id
})

補充一下，在同一個頁面，id不要重復。

id="taste" //我看你這個三個li都是同一個id，其實完全沒必要給id
2017年6月7日 12:48