WordPress 웹사이트 - 특정 조건이 충족되면 CSS 적용

Question

이것은 특정 예약에 대한 웹사이트의 div입니다. 이 예에서는 숫자 7568이 투어 ID입니다.

으아아아

특정 투어 ID에 대해 페이지의 다른 div를 숨기고 싶은데, 데이터 예약 세부정보에 특정 숫자가 포함된 경우 페이지의 다른 div에 CSS를 적용할 수 있는 방법이 있나요?

따라서 data-booking-detail에 7568이 포함된 경우 지금 예약하고 나중에 결제하는 div를 숨기세요.

Answer 1

먼저 특정 요소를 선택하세요. 귀하의 예에서 요소의 ID는 tourmaster- payment-template-wrapper ，并且您正在查找包含值 7568 的属性 data-booking-detail .

입니다.

두 번째 요소를 숨기는 방법의 예는 다음과 같습니다.

으아아아 으아아아

Answer 2

CSS를 사용하여 data-booking-detail 속성에 특정 숫자의 유무에 따라 div를 숨길 수 있습니다. 그러나 CSS 자체는 속성이나 해당 값을 직접 조작할 수 없습니다. 이 기능을 구현하려면 JavaScript 또는 jQuery를 사용해야 합니다.

다음은 JavaScript를 사용하여 이를 수행하는 방법의 예입니다.

으아악