Скрытие div с определенным текстом в качестве содержимого

Question

У меня есть DIV, который я хочу скрыть, но я не могу дать ему конкретный идентификатор ... на самом деле я не могу изменить текст DIV, так как он извлекается из базы данных, но я могу добавить немного HTML до это и я знаю точное текстовое содержание DIV.

Это что-то вроде:

<div class="this_div">content_of_this_div</div>

Итак, я подумал, что, возможно, поиск конкретного контента, затем взятие div и инкапсуляция его в скрытый div может сработать ... или что-то подобное ... любая идея?

спасибо

Answer 1

Если вы можете вставить другой HTML вокруг него, вы можете использовать другой div, чтобы скрыть его

Использование CSS и HTML

.hidden { display: none; }   
...  
<div class="hidden"><div class="this_div">content_of_this_div</div></div>

Использование HTML и встроенного CSS

<div style="display: none;"><div class="this_div">content_of_this_div</div></div>

Answer 2

Если вы просто хотите иметь возможность выбрать его без указания конкретного идентификатора, вы можете сделать несколько вещей. Сделайте пустой div с идентификатором ранее, затем используйте прямой селектор брата:

#divid+div {}

или используйте множество других селекторов CSS для достижения того же

Но я рекомендую вышеупомянутую технику внешнего div над этим

Answer 3

Оберните это в свой собственный div, казалось бы, наиболее разумно.

<div id="mydiv">
  <div class="this_div">content_of_this_div</div>
</div>

тогда скрой свой div:

document.getElementById("mydiv").style.display="none";

Или используйте jQuery. Если это только экземпляр класса, вы можете сделать

$(".this_div").hide();