双击更改 ul 的颜色

Change color of ul on double click

本文关键字：颜色 ul 双击      更新时间：2023-09-26

有什么方法可以在双击事件上更改或突出显示 ul 标签的颜色或特定行？

<c:forEach var="food" varStatus="i" items="${foodList}">
    <c:set var="foodInfo" value="${food.key}"/> 
        <ul class="scroller_result" ondblclick="showDetails('${foodInfo}','m','iPad');"">
            <li> <input type="checkbox" name="foodIds" <option value="${food.key}"><c:out value="${food.value}"/></option>>
            </li>
        </ul>
</c:forEach>

jQuery将是非常优雅的解决方案

function showDetails(...) {
   ... 
   $(".scroller_result").css("color","red");
}

您可以通过添加到页面来导入jQuery

<script src="http://code.jquery.com/jquery-latest.js"></script>

看看jsfiddle的例子

如果你不想使用外部JS库，你可以使用纯JS来实现。看看我的扩展示例。

您应该通过查看类似问题来找到提示和答案

on单击更改列表样式

相关文章：