javascript - 双击改变ul的颜色

Question

有什么方法可以在双击事件中更改或突出显示 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>
 

Answer 1

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

onClick 更改列表样式

Answer 2

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

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

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

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

看例子_jsfiddle

---

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