Question

从这个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就可以找到这个元素并将事件绑定到它。

如果我不知道它的id，如何选择元素

1 个答案: