js中嵌入jstl标签的实战 : 第二卷

js中嵌入jstl标签的实战 : 第二卷

---

业务 : 点击尺码加载对应的价格

第五步 ： 编写尺码点击事件函数sizeToRed

分析 ：点击所选尺码的a标签，此时已经在点击颜色的触发事件里了，也就是说已经在颜色判断已经进来了，此后触发点击事件sizeToRed，此时需要遍历循环库存信息，然后对每一次循环做判断库存中的尺码size跟当前标签中尺码size相等，如果相等就在价格的div中添加对应价格

// 点击尺码
function sizeToRed(target, size){
    // 先清空边框颜色为白色
    $("#sizes div").attr("class","item");
    // 点击后边框变为红色
    $(target).attr("class","item selected");
    /* =============在这里写jstl标签是在页面加载之前先加载=========== */
    <c:forEach items="${superPojo.skus }" var="sku">
        // 如果用户点击的尺码等于循环中的尺码尺寸
        if (size == '${sku.size}') {
            $("#bbs-price").html('${sku.price}');
        }
    </c:forEach>
    /* =============在这里写jstl标签是在页面加载之前先加载=========== */
}