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的{{1}}，如果这是正确的话，那么这应该做你想要的：

li

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");
  });
});

点击每个li标签的事件

4 个答案: