jquery 使用jstl$

宋圣斌 3个月前 27浏览 0评论

jQuery是一个非常流行的JavaScript库,它简化了HTML文档的遍历、事件处理、动画制作以及AJAX操作等方面的操作。JSTL(JSP标准标签库)是一组JSP标签,可以帮助开发人员创建动态的、可重用的Web页面。

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    /* 根据需要变换颜色 */
    var colors = ["#FFA07A", "#90EE90", "#ADD8E6", "#20B2AA"];
    var index = 0;
    /* 显示每个人的名字和年龄 */
    $("c:forEach").each(function(){
        var name = $(this).find("c:out value='${name}'").text();
        var age = $(this).find("c:out value='${age}'").text();
        /* 给每个人的名字和年龄添加一个随机的背景颜色 */
        $(this).css("background-color", colors[index]);
        index++;
        if(index >= colors.length)
            index = 0;
        $(this).text(name + " is " + age + " years old.");
    });
});
</script>

在上面的代码中,我们将JSTL的核心标签库引入了进来,并使用了标签来遍历数据。我们使用jQuery的each()函数来把每一个内部的数据找出来,并以颜色随机的方式显示出来。