jquery 根据动态列的属性显示或隐藏该列

Question

<i id="await" th:attr="data-seconds ></i>
是开始时间减去结束时间差的倒计时，如果大于0，证明还没开始，显示该标签并且隐藏<i id="underway">的标签，<div th:each="infolist : ${infolist}">是for列表循环
应该怎么用jq实现呢？

    <div th:each="infolist : ${infolist}">
       <div th:if="(${infolist.overTime} >= (${new java.util.Date().getTime()}/1000))" class="tab-pane fade in active" id="home">
            <div class="special-product-wrap"th:onclick="'javascript:runOn(\''+${infolist.productId}+'\');'">
            
                <div class="special-product special-product2">
                    <div class="p-img">
                        <img src="/image/1.jpg" alt="全新智能手机专场" />
                        <div class="p-extra underway" th:id="'underway' + ${infolist.productId}">
                            <div class="p-state p-state1">拍卖中</div>
                            <div class="p-time">
                                距离结束<span>
                        <i id="underway" th:attr="data-seconds=(${infolist.overTime}-(${new java.util.Date().getTime()}/1000))">
                            <span></span>:<span></span>天<span></span>时<span></span>分<span></span>秒
                        </i>
                    </span></div>
                        </div>
                        <div class="p-extra await" th:id="'await' + ${infolist.productId}">
                            <div class="p-state p-state1">等待拍卖</div>
                            <div class="p-time">
                                距离开始<span>
                         <i id="await" th:attr="data-seconds=(${infolist.runTime}-(${new java.util.Date().getTime()}/1000))">
                            <span></span>:<span></span>天<span></span>时<span></span>分<span></span>秒
                        </i>
                    </span></div>
                        </div>
                    </div>
                    <div class="p-detail">
                        <div th:text="${infolist.productName}" class="p-name"></div>
                        <div class="p-info J_ping" report-eventid="MAuction_SpecialInstitution" report-eventparam="675200">
                            <div class="p-number"><span class="f-red" th:text="${infolist.productStock}" ></span>件拍品<b></b><span class="f-red" >10</span>次出价</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   </div> 
    

<script type="text/javascript" th:inline="javascript">

$(function () {
    $('i').countdown(function (s, d) {
        var items = $(this).find('span');
        // items.eq(0).text(d.total);
        items.eq(1).text(d.day);
        items.eq(2).text(d.hour);
        items.eq(3).text(d.minute);
        items.eq(4).text(d.second);
        console.log($("#await").attr("data-seconds"))
        $("#await").on('smile', function () {
            if ($("#await").attr("data-seconds")>0){
                $("#underway").hide();
                $("#await").show();
            }else {
                $("#underway").show();
                $("#await").hide();
            }
        });
        $('#await').tigger('smile');

    });
    console.log($("#await").attr("data-seconds"))
});

</script>