在jsp中为多个id分配多个变量值？

Question

我需要为单个id / class分配多个值。 我的jsp代码看起来像这样。

<td id='dateHighlight-4-8' onClick="promotion(this);>
<div class="highlight_sm_div" id="highlight_sm-4-8">
<c:forEach var="i" begin="1" end="3">
<c:choose>
    <c:when test="${i eq 1}">
        <input type="hidden" class="shippingPromoColor" value="pink">
    </c:when>
    <c:when test="${i eq 2}">
        <input type="hidden" class="shippingPromoColor" value="green">
    </c:when>
    <c:when test="${i eq 3}">
        <c:choose>
            <c:when test="${testValue eq freeDeliveryCharge}">
                <input type="hidden" class="shippingPromoColor" value="red">
            </c:when>
            <c:otherwise>
                <input type="hidden" class="shippingPromoColor" value="blue">
            </c:otherwise>
        </c:choose>
    </c:when>
    <c:otherwise>
        <input type="hidden" class="shippingPromoColor" value="null">                                                                             
    </c:otherwise>
</c:choose>
</c:forEach>
</div>
</td> 

我的脚本功能就像,,,

<script>
function promotion(e){
    alert($('.shippingPromoColor').val());
};
</script>

shippingPromoColor只返回粉红色的值，我也尝试在输入标记中用id替换class（id =＆＃34; shippingPromoColor＆＃34;）。我在这里失踪了什么？