根據span類值切換div

Question

我有以下塊

<div id="discountText">
    <span>some text</span>
    <span class="discountType" style="display:none;">
</div>

installerDiscountType包含折扣類型（首選，已保存等）

在<span class="discountType"等於“ AAA”的情況下，如何顯示div並在它等於其他值的情況下隱藏它？

我嘗試了多種方法，但一直得到未定義的值。

Answer 1

這將顯示“ Some Text AAA”，因為該范圍沒有類“ discountType”，所以將顯示“ Some Text”

let types = document.querySelectorAll('.discountType')
types.forEach(node => {
  if(node.innerText !== "AAA") {
    node.style.display = 'none';
  }
})

<div id="discountText">
  <span>some text</span>
  <span class="discountType">Hello world</span>
  <span class="discountType">AAA</span>
</div>