javascript - 定位动态 ID 并隐藏 div

Question

我有一个动态 html 元素，它在 for 循环中呈现，动态父元素有一个动态 id，如果动态 id 有一个值，我如何隐藏动态元素或容器及其内容，比如“Product” ”。

提前谢谢您。

这是我使用 for 循环渲染的动态元素

for (var i = 0; i < a_data.products.length; i++) {
    produst_list += '<a href="#" class="plLinkToFull" data-sn="' + a_data.products[i].serial + '" id="' + a_data.products[i].productName + '">';
    produst_list += '<div class="plProductContainer">';
    produst_list += '   <div class="plProductBTN">';
    //produst_list += '       <div class="plProductThumb pull-left ' + (a_data.products[i].pid === 'TE80'?'apMaximumPanelTi8':'apMaximumPanel') + '"></div>';
    produst_list += '       <div class="plProductThumb pull-left ' + getPanelClsss(a_data.products[i].pid) + '"></div>';
    produst_list += '       <div class="plProductLeft">';
    produst_list += '         <h6 style="margin-bottom: -5px;">' + a_data.products[i].productName + '</h6>';
    produst_list += '   <div class="plLowerStatusSN"><span>' + a_data.products[i].serial + '</span></div>';
    produst_list += '        </div><div class="plLowerStatus">';
    produst_list += '         <div class="' + ((a_data.products[i].remainingDays > 0) ? "plIconGreen" : "plIconRed") + '">';
    produst_list += '           <span class="glyphicon glyphicon-time" style="">&nbsp; </span></div>';
    produst_list += '          <span class="' + ((a_data.products[i].remainingDays > 0) ? "plExpiryOK" : "plExpiredDate") + '">Expire: <strong>' + a_data.products[i].expirationDate + '</strong></span>';
    produst_list += '       </div></div></div></a>';
}

Answer 1

带过滤器:

$('a.plLinkToFull').filter(function(){
   return this.id.contains("product");
}).hide();