灵活应用data-v data-name这样的属性

<div class="market-head">
    <ul class="clearfix">
        <#list category as cate>
            <#if cate_index=0>
                <li class="fl active"  data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li>
            <#elseif !cate_has_next >
                <li class="fl" id="last-li" data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li>
            <#else >
                <li class="fl" data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li>
            </#if>
        </#list>
        <#--<li class="fl active"><img src="${miscDomain}/css/homePage/new/images/huang-ly.png" alt="粮油市场">粮油市场</li>-->
        <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/huang-js.png" alt="有色金属市场">有色金属市场</li>-->
        <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/huang-hg.png" alt="汽配市场">汽配市场</li>-->
        <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/pic_index_mh.png" alt="棉花市场">棉花市场</li>-->
        <#--<li class="fl" id="last-li"><img src="${miscDomain}/css/homePage/new/images/huang-mc.png" alt="数码市场">数码市场</li>-->
    </ul>
</div>
灵活运用data-v，data-name这样的属性
之前是用<input>隐藏域来存值，但这里的li是tab切换用的，有了input会对li的index有影响