javascript - 如果一个元素与另一个元素具有相同的值，则删除该元素

Question

我正在寻找一种解决方案，如果 div 的跨度与另一个跨度具有相同的值，则隐藏该 div。

例如，在下面的代码中，我想隐藏 div.priceWithoutTax，以防 div.priceWithoutTax 范围与 div.salesPrice 范围具有相同的值

<div class="PriceBox" id="productPrice">
    <div class="ProdPriceBoxRedInner">
        <div class="salesPrice" style="display : block;">
            <span class="salesPrice">20,00 €</span>
        </div>
        <div class="PriceAdditional" style="top: 0px; display: none;">
            <div class="priceWithoutTax" style="display : block;">
                <span class="priceWithoutTax">20,00 €</span>
            </div>
        </div>
    </div>
</div>

提前致谢。

Answer 1

只需比较文本值，然后隐藏

var boxes = document.querySelectorAll('.PriceBox');

for (var i = boxes.length; i--;) {
    var wTax = boxes[i].querySelector('div.priceWithoutTax'),
        sale = boxes[i].querySelector('div.salesPrice');

    if ( wTax.textContent.trim() == sale.textContent.trim() )
        wTax.style.display = 'none';
}

FIDDLE