データタグ

Question

上（クリック）イベントを入れて、私は、我々はデータ・支払モードタグを見つけたときにクリックを行う方法を検索し、このコード

<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> 

を持っていました。

Answer 1

あなたは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)