javascript - Jquery:从文本节点获取文本

Question

我有很多这样的 div，如果售价为 0.00 美元，我希望它们消失

<div class="ProductPriceRating">
    <em>
         <strike class="RetailPriceValue">$79.99</strike> 
         $0.00
    </em>
    <span class="Rating Rating0">
        <img src="..." alt="" style="display: none" />
    </span>
</div>

所以我写了这个jquery

$(function(){
    $(".ProductPriceRating em").contents().filter(function() {
        return this.nodeType != 1; 
    }).wrap("<span></span>");
    console.log($(".ProductPriceRating em span").text());
    if($(".ProductPriceRating span").text() == ' $0.00'){
            console.log('success');
        $('div.ProductPriceRating').hide();
        $('div.ProductActionAdd').hide();
    }
});

我在文本节点周围包裹了一个 span 标签，以使其更易于访问。然后我控制台记录它并得到“$0.00 $0.00 $0.00”(页面上的每个元素一个“$0.00”)。但没有成功。

我就是不知道哪里出了问题

Answer 1

您需要循环遍历每个父元素:

来自:

if($(".ProductPriceRating span").text() == ' $0.00'){
        console.log('success');
    $('div.ProductPriceRating').hide();
    $('div.ProductActionAdd').hide();
}

致:

$(".ProductPriceRating").each(function() { 
    if($(this).find('span').text() == ' $0.00'){
            console.log('success');
        $(this).hide();
        $('div.ProductActionAdd').hide();
    }
});