クラスを含むdivを見つけて削除する

Question

htmlの を含む空のdivを削除しようとしています。最初にそれらを見つけて を削除し、含まれているdivを削除する必要があります。

クラスがdiv要素を削除するために.ProductDetailsGrid.prodAccordionContent .LABELで、 は .productHighlights .Valueのクラスに記載されていなければならない

これは、ページからすべての「 」を取り除くために動作しますが、私は特定のクラスdivから削除したいだけです。 （製品の高さ。値）

$(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/

Answer 1

これは、空の値のチェックマークを取り除く必要があります。

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

Answer 2

あなただけの製品のハイライトの下で空になって、最後のチェックマークを削除する必要がある場合はここに私のアプローチです。お役に立てれば！

$(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>