我正在寻找一种解决方案,如果 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>
提前致谢。
最佳答案
只需比较文本值,然后隐藏
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';
}
关于javascript - 如果一个元素与另一个元素具有相同的值,则删除该元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25889710/