如果我不知道其ID如何选择元素

Question

通过这个问题，我学习了如何为以下代码片段设置动态ID-

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

我可以这样设置动态ID（根据kitokid的回答）- <li id="my_${foodInfo}"> 。 这个技巧对我有用。 但是，如果我想使用id选择器从javascript获取ID，该如何实现呢？ 对于静态ID，我们可以编写$（'＃myId'）。 由于此处的ID是动态的，我如何捕获ID？

提前致谢。

Answer 1

您可以使用其他CSS选择器。 例如，您可以在父UL元素上绑定click事件，然后按如下方式处理click事件：

$('ul').on('click', 'li', function() {
    alert( this.id ); // get click id
});

要么

$('li').click(function() {})

还将click事件绑定到每个LI元素。

因此，您不必知道元素的ID即可找到该元素并将事件绑定到该元素。