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

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

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

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

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

看example在 jsfiddle

---

如果你不想使用外部 JS 库，你可以使用纯 JS 来完成。看我展开的example .