使用包含

Question

我正在尝试删除包含html  的所有“空”div。首先，我需要找到它们并删除 然后删除包含div。

该类是.ProductDetailsGrid.prodAccordionContent .Label用于删除div，并且应该在 中找到 .productHighlights .Value class

这可以从页面中删除所有“ ”，但我只想从某个类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/

Answer 1

这应该摆脱空值检查标记：

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

Answer 2

如果你只是需要删除产品亮点下的空白的最后一个复选标记，这是我的方法。希望这有帮助！

＆＃13;

＆＃13;

$(document).ready(function(){
$(".ProductDetailsGrid.prodAccordionContent").find(".DetailRow:last-child").removeClass("DetailRow");
});

＆＃13;

.DetailRow{
	color: red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;