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

只是 HarishAnchu 的修改版

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

Answer 2

我想你想知道idclicked 的li，如果那是正确的，那么这应该做你想要的：

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

Answer 3

以下代码将在点击时提醒每个 li 和 li 的 id 内的值。

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

Answer 4

我希望这能正常工作。

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