Удалить элемент из исходного кода с помощью CSS / JavaScript

Question

У меня есть «каталог», который в основном представляет собой (Divi) галерею изображений, где цены скрыты для незарегистрированных пользователей. Цена - это заголовок изображения, который скрыт на каждой странице с CSS. Однако (конечно) элемент (цена) по-прежнему находится в исходном коде, что не является намерением, поскольку он может быть виден только зарегистрированным клиентам.

Заголовок скрыт с этим кодом:

.et_pb_gallery_caption {visibility:hidden;}

Я пытался добавить это javascript, чтобы полностью удалить элемент из исходного кода:

if ( $(element).css('visibility') == 'hidden' ){
        $(element).remove();
}

Но это не сработало. Надеюсь, кто-нибудь может мне помочь.

Заранее спасибо!

Answer 1

<?php if($userLoggedIn){ ?>
   <caption>$9.99</caption>
<?php } ?>

как упоминается в качестве комментатора, вам нужно сделать это на стороне сервера, чтобы HTML, отправленный в браузер, не включал вашу цену.

Обратите внимание - я составил название для вошли в систему проверки, вам нужно найти правильную переменную в вашей установке WordPress, которая представляет различные пользовательские логин и их типы.

Answer 2

Это неоднозначный вопрос без фрагмента исходного кода, кстати, если вы пытаетесь удалить элемент, видимость которого скрыта, вы можете использовать следующий код jquery, чтобы удалить его из DOM как: $(document).ready(function(){ $(".et_pb_gallery_caption").remove(); }); Однако, лучше прокомментировать, если вы покажете фрагмент кода.

Answer 3

Используя .parentNode.removeChild() трюк, вы можете получить то, что вы хотите, например,

$(element).parentNode.removeChild($(element));

Я не знаю, работает ли это с JQuery, хотя, попробуйте и я надеюсь, что это работает! * * 1005