Как скрыть элемент с определённым содержимым?

Question

SVM @sotvm

Умный поймёт, а дураку и так всё равно.

CSS

Как скрыть элемент с определённым содержимым?

Удалить строку таблицы,если текст внутри элемента a = "бла-бла-бла"

tr .post_table_tr td .post_usercell div a .userlink

Вопрос задан более трёх лет назад
220 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

8 комментариев

SVM @sotvm Автор вопроса

там ,в теле форума ,милльЁн элементов ,с одинаковыми тэгами/классами,
мне нужно ударить тэг tr ,в котором есть такая ссылка
<a class="post_userlink">На заметку</a>
тут три строки tr ,нужно удалить ту в которой есть заданная ссылка

вот тело таблицы

элемент/ссылка с текcтом "На заметку"

<tbody>

<tr class="posts_table_tr"><td class="post_usercell" align="center" width="140" valign="top" height="150"><div><a class="post_userlink" href="javascript:addNickname('dmitriilast');" title="Вставить имя в быстрый ответ">dmitriilast</a></div><div class="post_userrank"><span id="rank">Посетитель</span></div><div class="post_userimg"><a href="/users/dmitriilast" title="Перейти в профиль"><img class="usr_img_small" src="/images/users/avatars/small/662d152c3faa3c6a017064289ddaffd2.jpg" border="0"></a></div><div class="post_usermsgcnt">Сообщений: 61</div></td><td class="post_msgcell" align="left" width="" valign="top"><a name="71614"></a><table class="post_date" width="100%"><tbody><tr><td><strong>#14</strong> - 10 декабря 2016 в 00:07</td><td align="right"><table class="msg_links" style="opacity: 0.4;" cellspacing="2" cellpadding="1" border="0">
                                <tbody><tr><td width="15"><img src="/components/forum/images/toolbar/post-quote.gif"></td>
                                      <td><a href="javascript:addQuoteText('dmitriilast')" title="Вставить выделенную цитату в быстрый ответ">Цитировать выделенное</a></td><td width="15"><img style="margin-left:5px" src="/components/forum/images/toolbar/post-reply.gif"></td><td><a href="/forum/thread12780-quote71614.html" title="Ответить с полным цитированием">Ответить</a></td></tr></tbody></table></td></tr></tbody></table><div class="post_content">так не пускайте- не качайте сомнительные файлы ( я не понимаю как зараза может еще попасть ).... и другое- какая разница попадет в вин комп. зараза напрямую или сквозь линукс компьютер?</div><div class="post_editdate">Редактировалось: 1 раз (Последний: 10 декабря 2016 в 00:11)</div></td></tr>

<tr class="posts_table_tr"><td class="post_usercell" align="center" width="140" valign="top" height="150"><div><a class="post_userlink" href="javascript:addNickname('Sergey  Klimenkov');" title="Вставить имя в быстрый ответ">Sergey  Klimenkov</a></div><div class="post_userrank"><span id="rank">Посетитель</span></div><div class="post_userimg"><a href="/users/sergeyklimenkov" title="Перейти в профиль"><img class="usr_img_small" src="/images/users/avatars/small/nopic.jpg" border="0"></a></div><div class="post_usermsgcnt">Сообщений: 12</div></td><td class="post_msgcell" align="left" width="" valign="top"><a name="71603"></a><table class="post_date" width="100%"><tbody><tr><td><strong>#11</strong> - 9 декабря 2016 в 18:46</td><td align="right"><table class="msg_links" style="opacity: 0.4;" cellspacing="2" cellpadding="1" border="0">
                                <tbody><tr><td width="15"><img src="/components/forum/images/toolbar/post-quote.gif"></td>
                                      <td><a href="javascript:addQuoteText('Sergey  Klimenkov')" title="Вставить выделенную цитату в быстрый ответ">Цитировать выделенное</a></td><td width="15"><img style="margin-left:5px" src="/components/forum/images/toolbar/post-reply.gif"></td><td><a href="/forum/thread12780-quote71603.html" title="Ответить с полным цитированием">Ответить</a></td></tr></tbody></table></td></tr></tbody></table><div class="post_content"><table class="bb_quote" align="center" width="90%" border="0"><tbody><tr><td class="author"><b>Ocean:</b></td></tr><tr><td class="quote"><br> Вот очень познавательное видео о ClamAV<br> <br> <div class="bb_tag_video">https://youtu.be/hwPtNn9ySzI</div></td></tr></tbody></table> Ну, бегал автор 40 минут по всем углам. Сожалею, но я не понял, когда нужно смеяться.причинам:<br> 1. Чтобы их потом не поймали те, с кем ты общаешься.<br> 2. Чтобы не украли данные с твоего компьютера.</div><div id="baner_forum"></div><div class="post_signature">Costa</div></td></tr>

<tr class="posts_table_tr"><td class="post_usercell" align="center" width="140" valign="top" height="150"><div><a class="post_userlink" href="javascript:addNickname('Ocean');" title="Вставить имя в быстрый ответ">Ocean</a></div><div class="post_userrank"><span id="rank">Посетитель</span></div><div class="post_userimg"><a href="/users/Ocean" title="Перейти в профиль"><img class="usr_img_small" src="/images/users/avatars/small/ce7992070a11eb754dff087f67ec53ca.jpg" border="0"></a></div><div class="post_usermsgcnt">Сообщений: 173</div></td><td class="post_msgcell" align="left" width="" valign="top"><a name="71576"></a><table class="post_date" width="100%"><tbody><tr><td><strong>#10</strong> - 8 декабря 2016 в 11:18</td><td align="right"><table class="msg_links" style="opacity: 0.4;" cellspacing="2" cellpadding="1" border="0">
                                <tbody><tr><td width="15"><img src="/components/forum/images/toolbar/post-quote.gif"></td>
                                      <td><a href="javascript:addQuoteText('Ocean')" title="Вставить выделенную цитату в быстрый ответ">Цитировать выделенное</a></td><td width="15"><img style="margin-left:5px" src="/components/forum/images/toolbar/post-reply.gif"></td><td><a href="/forum/thread12780-quote71576.html" title="Ответить с полным цитированием">Ответить</a></td></tr></tbody></table></td></tr></tbody></table><div class="post_content">Вот очень познавательное видео о ClamAV<br> <br> <div class="bb_tag_video">https://youtu.be/hwPtNn9ySzI</div></div><div class="post_signature">Linux Mint 18 Cinnamon 64bit (Kernel 4.4.0)<br> Пингвин птица гордая - не полетит, пока не пнёшь.<br> Linux Mint форум - <a href="/go/url=https://linuxmint.com.ru" target="_blank">https://linuxmint.com.ru</a></div></td></tr>

</tbody>

Написано более трёх лет назад

SVM @sotvm Автор вопроса

не буду копипастить одно и тоже,
загляни пожалуйста в ответ выше,я там написал комментарий

Написано более трёх лет назад
Даниил Сугоняев @coolswood

SOTVM, В общем я на вашем месте сделал бы что-то такое https://jsfiddle.net/9676L5xd/
Я так понимаю, что структура в рекламы там одна и та же

Написано более трёх лет назад
SVM @sotvm Автор вопроса
Даниил Сугоняев,
Спасибо большое,
попробую допилить под свой код ,
с одной стороны мне вроде бы всё понятно,как это работает,
а с другой .....(ну не соображаю я в js совсем),
<div id="main"> <div class="component"> <table class="posts_table"> <tbody> <tr class="posts_table_tr"> <td class="post_usercell"> <div><a class="post_userlink">На заметку</a></div> <div class="post_userrank"><span id="rank"></span></div>

нужно проверить условие:
если элемент/ссылка a.post_userlink содержит текст "На заметку"
#main>div.component>table.posts_table>tbody>tr.posts_table_tr>td.post_usercell>div>a.post_userlink
или если существует элемент с id="rank"
#main>div.component>table.posts_table>tbody>tr.posts_table_tr>td.post_usercell>div>a.post_userrank>span #rank
то удалить tr.posts_table_tr (включительно)
#main>div.component>table.posts_table>tbody>tr.posts_table_tr

написал полную иерархию ,до первого id
или можно "так далеко не уходить" , а сразу искать/проверять условие в
tr.posts_table_tr
Написано более трёх лет назад
Даниил Сугоняев @coolswood

SOTVM, Вот, переписал код под твою разметку. https://jsfiddle.net/9676L5xd/3/

Написано более трёх лет назад
SVM @sotvm Автор вопроса
Даниил Сугоняев,
Бпагодарю ещё раз за пример,
Ура-ааааааааа!!! разобрался ツ
вчера "убил день на эксперименты и разбор полётов " , непонятки были в том , что сначала я задавал переменные , а функцию запускал по DOMContentLoaded , поэтому и не работало ,
если инжектил скрипт с помощью CustomStyleScript (думал проблема в этом,перепробовал и Greasemonkey и Tampermonkey ),думал не правильно подключаю жЫquery https://ajax.googleapis.com/ajax/libs/jquery/3.1.1...
а оказывается что не нужно/обязательно подключать ???
короче говоря , не зря потратил день = узнал много нюансов ,в итоге запилил так :
при загрузки страницы функция del() автоматически удаляет одни элементы,
а функция del2() , по клику F1 , другие
function del() { let a = document.querySelectorAll('.post_userlink'); for (var i = 0; i < a.length; i++) { if(a[i].innerHTML == 'На заметку') { a[i].parentElement.parentElement.parentElement.remove() } } }; function del2() { let a = document.querySelectorAll('.post_userlink'); for (var i = 0; i < a.length; i++) { if(a[i].innerHTML == 'dmitriilast') { a[i].parentElement.parentElement.parentElement.remove() } } }; document.addEventListener("DOMContentLoaded", del); addEventListener("keydown", function(event) { if (event.keyCode == 112) del2() });
Написано более трёх лет назад
Даниил Сугоняев @coolswood

SOTVM, jquery в данном случае не нужно подключать потому что код написан на чистом js, jquery это библиотека, упрощающая взаимодействие с ним. Рад, что получилось) только так и можно развиваться

Написано более трёх лет назад
SVM @sotvm Автор вопроса

Даниил Сугоняев,
развиваться самому сложновато, да по большому счёту , мне и нужно быть супер-пупер кодером,
это у детей ,такие планы ,написать свою игру или OS WasyPupkina Pro °‿°
мне бы маленько знать верхушки/основы,чтобы можно было "прикрутить костылЁк".
сложно в том смысле ,что иногда застреваешь на мелочи,которую пока решишь,то всё желание пропадает ,мне сложно "задавать вопросы буквами" , (привык на пальцах/в живую ツ ),
особенно в той теме, где не соображаешь ,поэтому и не можешь правильно сформулировать вопрос в тексте/буквах.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

SVM @sotvm Автор вопроса

разве никак нельзя?
а вот смотри:
я в браузере правил стили в UserCrome.css
и назначал свои иконки для папок на панели закладок,
(на фото выше видно,слева,на панели закладок ,папки my soft site book email radio ,
у каждой своя иконка
т.е. там идентификация папки происходит именно по её названию ,
я понимаю что это немного не одно и тоже,но ??? (у меня просто знаний маловато)

вот строки в UserCrome.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/* изменяет боковую панель и поле поиска в ней
.treechildren[view="bookmarks-view"][class="sidebar-placesTreechildren"][flex="1"][tooltip="bhTooltip"],*/
#topSection , #sidebar-search-container , .search-box,#sidebar-search-container ,
#sidebar ,.mainContainer,
#sidebar-header {
    color: #def !important;
    background-color: #123 !important;
}

/*
 ИЗМЕНЯЕТ ЗНАЧКИ/ИКОНКИ ПАПОК/ЗАКЛАДОК НА ПАНЕЛИ ВКЛАДОК .
*/

.dropmarker-icon {visibility:hidden;}/*
.toolbarbutton-text  { font-size:0px;visibility:hidden;}

.toolbarbutton-text  { font-size:8px;color:red;}
*/
.bookmark-item [label=my] {
list-style-image: url('kill.png');
}

.bookmark-item [label=soft] {
list-style-image: url('eye.png');
}

.bookmark-item [label=site] {
list-style-image: url('favicon.png');
}

.bookmark-item [label=book] {
list-style-image: url('book.png');
}

.bookmark-item [label=email] {
list-style-image: url('email.png');
}
.bookmark-item [label=radio] {
list-style-image: url('radio.png');
}

Написано более трёх лет назад

Алексей Уколов @alexey-m-ukolov Куратор тега CSS

Никак нельзя. Нет селектора по контенту и невозможно управлять состоянием родительских элементов.

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Как убрать подчеркивание ссылки :hover?
- 1 подписчик
- 24 минуты назад
- 17 просмотров
0

ответов
HTML

+1 ещё

Простой
Как добавить разный фон в ::before для объектов с одинаковым стилем?
- 1 подписчик
- 32 минуты назад
- 4 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- час назад
- 16 просмотров
1

ответ
CSS

Простой
Как сделать фон который слева сужается, справа расширяется?
- 1 подписчик
- 2 часа назад
- 35 просмотров
1

ответ
CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- 8 часов назад
- 48 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- вчера
- 63 просмотра
1

ответ
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 24 апр.
- 61 просмотр
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 24 апр.
- 69 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 23 апр.
- 53 просмотра
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 23 апр.
- 39 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

React разработчик

Uptrade

от 150 000 до 200 000 ₽

Разработать CRM/ERP проект на Pure Php + Symfony

26 апр. 2024, в 18:27

200000 руб./за проект

Таргетированная реклама в Tik Tok

26 апр. 2024, в 18:24

80000 руб./за проект

Протестировать виджет на личном сайте

26 апр. 2024, в 18:00

500 руб./за проект

Answer 1 · 2018-05-23 13:47:17

Можно удалить, если не нужно знать точно какое содержимое. С помощью псевдоклассов :not(:empty).

tr .post_table_tr td .post_usercell div a:not(:empty) {
display: none;
}

То есть если в теге есть содержимое он будет удален.
Если важно именно содержимое, то не вижу ничего зазорного использовать js.

Answer 2 · 2018-05-23 13:34:04

Алексей Уколов @alexey-m-ukolov Куратор тега CSS

Никак, придётся ради этой примочки использовать JavaScript.

Ответ написан более трёх лет назад

2 комментария

Как скрыть элемент с определённым содержимым?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт