Question

我有一个动态html元素，在for循环中呈现动态父元素具有动态id，如果动态id具有值，我怎么能隐藏动态元素或容器及其内容呢？ ”

提前谢谢。

这是我使用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();

Answer 2

你可以这样做：

$('.plLinkToFull').prev('id') = i;

或

$('.plLinkToFull').attr("id", i);

我必须发送到新方法，以保存循环。

Answer 3

试试这个：

var id = 'Product';
$('a[id*="'+id+'"]').hide();

如果要通过单击“使用事件委派”来隐藏它

var el = 'a[id*="'+id+'"]';
$('body').on('click',el,function(){
$(this).hide();
});

目标动态ID并隐藏div

3 个答案: