WordPress Web サイト - 特定の条件が満たされた場合に CSS を適用する

Question

これは、特定の予約の Web サイト上の div です。この例では、番号 7568 がツアー ID です。

リーリー

特定のツアー ID について、ページ上の別の div を非表示にしたいのですが、データ予約の詳細に特定の数字が含まれている場合、ページ上の別の div に CSS を適用する方法はありますか?

したがって、data-booking-detail に 7568 が含まれている場合は、今すぐ予約して後で支払うという div を非表示にします。

Answer 1

まず、特定の要素を選択します。あなたの場合、要素の ID は tourmaster-payment-template-wrapper で、値 を含む属性 data-booking-detail ## を探しています。 7568 #.

これは 2 番目の要素を非表示にする方法の例です:

リーリー リーリー

Answer 2

CSS を使用して、data-booking-detail 属性内の特定の番号の有無に基づいて div を非表示にすることができます。ただし、CSS 自体はプロパティやその値を直接操作できません。この機能を実現するには、JavaScript または jQuery を使用する必要があります。

JavaScript を使用してこれを行う方法の例を次に示します:

リーリー