2016-11-11 48 views
0

我試圖刪除任何包含html  的「空」div。首先,我需要找到它們並刪除 然後,刪除包含的div。查找並刪除包含類的

類是.ProductDetailsGrid.prodAccordionContent .Label的DIV被刪除,而 應 .productHighlights .value的類

這個工作從頁面移除所有「 」被發現,但我只想從某個類的div中刪除。 (.productHighlights.Value)

$(document).ready(function() { 
    $('div').each(function(){ 
     $(this).html($(this).html().replace(/ /gi,'')); 
    }); 
}); 

這是我正在嘗試,但它不工作。

$(document).ready(function() { 
    $('.ProductDetailsGrid.prodAccordionContent .Label ').each(function(){ 
     $(this).html($(this).html().replace(/ /gi,'')); 
    }); 
}); 
if ($('.productHighlights .Value').is(':empty')) { 
    $('.ProductDetailsGrid.prodAccordionContent .Label').remove(); 
} 

請幫忙,事情不對。這裏也是頁面,我試圖刪除產品亮點下的最後一個複選標記。

https://www.motionmedia.com/pny-nvidia-quadro-m6000-12gb-gddr5-pcie-30-gpu/

+2

難道不應該做服務器端? CMS /數據庫中肯定有一些誤入歧途......? ! – lynx

+1

你爲什麼要刪除空白,然後刪除div?爲什麼不只是刪除div?我不太明白 – Jayce444

+0

這兩個好點。服務器端無法完成,因爲我不會在這裏進入。 –

回答

0

這應該擺脫空值查馬克:

$('.productHighlights .DetailRow .Value').each(function(k,v) { 
     var value = $($('.productHighlights .DetailRow .Value')[k]).text(); 
    if(value.trim() == '') { 
     $(this).parent().remove(); 
    } 
}); 
0

這裏是我的方法,如果你只需要刪除最後一個對勾即在產品的亮點是空的。希望這可以幫助!

$(document).ready(function(){ 
 
$(".ProductDetailsGrid.prodAccordionContent").find(".DetailRow:last-child").removeClass("DetailRow"); 
 
});
.DetailRow{ 
 
\t color: red; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<div class="ProductDetailsGrid prodAccordionContent"> 
 
    <div class="DetailRow">Text1</div> 
 
    <div class="DetailRow">Text2</div> 
 
    <div class="DetailRow">Text3</div> 
 
    <div class="DetailRow">Text4</div> 
 
</div>