PT

/**/

.platform-type-tab{padding: 15px 0 0 70px;}

.platform-type-tab a{float: left; display: inline-block; width: 163px; height: 36px; line-height: 36px; text-align: center;border-bottom: 3px solid #e8e8e8; font-size: 16px;}

.platform-type-tab a:hover{background: #e8e8e8; color: #333;}

.platform-type-tab a.last{width: 160px;}

.platform-type-tab a.on{background: #ff6634; color: #fff; border-bottom: 3px solid #dc3a02;}

.platform-type-tab a.on:hover {background: #dc3a02;color: #fff;text-decoration: none;}

<div class="c platform-type-tab" id="J_platformType">

<!-- <ul>

                               <li class="on"><a herf="javascript:void(0);">零時/起零</a></li>

                               <li><a herf="javascript:void(0);">零時/起零</a></li>

                               <li><a herf="javascript:void(0);">零時/起零</a></li>

                               <li class="last"><a herf="javascript:void(0);">零時/起零</a></li>

                           </ul> -->

<a class="on" herf="javascript:void(0);" platformType="TB">淘寶/天貓</a>

<a herf="javascript:void(0);" platformType="JD">京東商城</a>

<a herf="javascript:void(0);" platformType="PDD">拼多多商城</a>

<a class="last" herf="javascript:void(0);"  platformType="AL">阿里巴巴</a>

</div>

<ul id="J_selectEx" class="c express-list">

<li class="select-current" platformTypeList="STKDPDD"><span>保險起期PDD</span></li>

<li platformTypeList="YTKDTB"><span>保險起期TB</span></li>

<li platformTypeList="QFKDTB"><span>保險起期TB</span></li>

<li platformTypeList="YTKDJD"><span>保險起期JD</span></li>

<li platformTypeList="YTKDTB"><span>保險起期TB</span></li>

<li platformTypeList="YTKDJD"><span>保險起期JD</span></li>

<li platformTypeList="QFKDTB"><span>保險起期TB</span></li>

<li platformTypeList="YTKDPDD"><span>保險起期PDD</span></li>

<li platformTypeList="YTKDPDD"><span>保險起期PDD5</span></li>

<li platformTypeList="YTKDPAL"><span>保險起期AL</span></li>

<li platformTypeList="YTKDPAL"><span>保險起期AL</span></li>

</ul>

<p class="express-desc">零時起 至 2017-03-20 二十四時止 共12個月</p>

</div>

<script>

$("#J_platformType a").click(function(){

$(this).addClass("on").siblings().removeClass("on");

var platformTypeStr = $(this).attr("platformType");

$("#J_selectEx li").each(function(){

var platformTypeList = $(this).attr("platformTypeList");

if(platformTypeList.indexOf(platformTypeStr)>-1){

$(this).show();

}else{

$(this).hide();

}

});

});

</script>