双击改变ul的颜色

【问题标题】：Change color of ul on double click双击改变ul的颜色
【发布时间】：2013-01-24 06:39:13
【问题描述】：

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

【问题讨论】：

标签： javascript css jsp dom-events

【解决方案1】：

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

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

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

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

看examplejsfiddle

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

【讨论】：

这不会在双击时触发
@MichaelPeterson 看例子

【解决方案2】：

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

onClick change list styles

【讨论】：