2016-05-22 84 views
0

把一個事件(點擊)我有這個代碼數據標籤

<div id="toolbar" class="btn-group"> 
     <button class="btn btn-primary" type="button">Actions</button> 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" data-submenu="" aria-expanded="false"> 
      <span class="caret"></span> 
     </button> 

     <ul class="dropdown-menu dropdown-menu-right"> 
      <li><a id="cancelPaymentAction" tabindex="0">Annuler</a></li> 
      <li><a id="savePaymentAction" tabindex="0">Sauvegarder</a></li> 
      <li class="divider"></li> 
      <li><a tabindex="0">Payer</a></li> 
      <li class="pull-right"><a data-payment-mode="CASH" tabindex="0">Comptant</a></li> 
      <li class="pull-right"><a data-payment-mode="ATM" tabindex="0">Débit</a></li> 
      <li class="pull-right"><a data-payment-mode="CREDITCARD" tabindex="0">Carte de crédit</a></li> 
      <li class="pull-right"><a data-payment-mode="GIFTCARD" tabindex="0">Carte cadeaux</a></li> 
      <li class="pull-right"><a data-payment-mode="CHECK" tabindex="0">Chèque</a></li> 
     </ul> 
    </div> 

我搜索的方式做,當我們發現一個數據的支付模式標籤的點擊。

回答

2

我相信你正在尋找結合點擊事件的has attribute selector。對你來說,這看起來是這樣的:

$('[data-payment-mode]').click(function() { 
    var paymentMode = $(this).attr('data-payment-mode'); 
    alert('Payment mode '+paymentMode+' selected'); 
}); 

See this in action (JSFiddle)

+1

很好,雖然我會縮進的付款方式。儘管工作! :) –