jquery - 各liタグのクリックイベント

Question

私はliが一意のIDを持つ次のコードを使用しています。

<c:forEach var="food" varStatus="i" items="${selectedIngredientsList}">
        <c:set var="foodInfo" value="${food.foodItemId}~${food.foodCategoryId}~${food.foodName}~${food.foodPortionName}"/>    
        <ul id="my">
           <li id="my_${foodInfo}"><c:out value="${food.foodName}"/>
            </li>
        </ul> 
</c:forEach>

そして、各liのクリックで知りたい、クリックされたliの情報（foodInfo）を取得したい。どうすればそれを達成できますか？

var ua = navigator.userAgent,
    event = (ua.match(/iPad/i)) ? "touchstart" : "click";

$(document).ready(function(){
  $("#my").bind(event,function(e){
    alert("clicked");
  });
});

Answer 1

私はあなたidがクリックされたものを知りたいと思いますli、それが正しければ、これはあなたが望むことをするはずです：

$("#my > li").on("click", function() {
  alert(this.id);
});

Answer 2

次のコードは、クリックすると各li内の値とliのIDを警告します。

$(document).ready(function(){
  $("#my li").click(function()
   {
        alert($(this).html());
        alert($(this).attr('id'));
   });
});

Answer 3

HarishAnchuの修正版

$(document).ready(function(){
  $("#my").on('click', 'li', function()
   {
        alert($(this).html());
        alert($(this).attr('id'));
   });
});

Answer 4

これが正しく機能することを願っています。

$(document).ready(function(){
  $("#my").bind("click",function(e){
    alert("clicked");
  });
});