Pertama, pilih elemen tertentu. Dalam contoh anda, ID elemen ialah tourmaster- payment-template-wrapper ，并且您正在查找包含值 7568 的属性 data-booking-detail .

Ini adalah contoh cara menyembunyikan elemen kedua:

#tourmaster-payment-template-wrapper[data-booking-detail*="7568"] + .hide-me {
  display: none;
}

<div class="tourmaster-template-wrapper" id="tourmaster-payment-template-wrapper" data-ajax-url="https://www.domainname.co.uk/wp/wp-admin/admin-ajax.php" data-booking-detail="{&quot;tour-id&quot;:&quot;7568&quot;}"></div>

<div class="hide-me">I should be hidden</div>

Anda boleh menggunakan CSS untuk menyembunyikan div berdasarkan kehadiran atau ketiadaan nombor tertentu dalam atribut data-booking-detail. Walau bagaimanapun, CSS sendiri tidak boleh memanipulasi secara langsung sifat atau nilainya. Anda perlu menggunakan JavaScript atau jQuery untuk mencapai fungsi ini.

Berikut ialah contoh cara melakukan ini menggunakan JavaScript:

<div id="book-now-div">Offer: Book Now and Pay Later</div>


<script>
  // Get the data-booking-detail attribute value
  var bookingDetail = document.getElementById("tourmaster-payment-template-wrapper").getAttribute("data-booking-detail");

  // Check if the bookingDetail includes the specific tour ID
  if (bookingDetail.includes('7568')) {
    // Hide the div with id "book-now-div"
    document.getElementById("book-now-div").style.display = "none";
  }
</script>