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

Question

[SVM]

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

tr .post_table_tr td .post_usercell div a .userlink

Answer 1

[Даниил Сугоняев]

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

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

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

Comments

[SVM]

там ,в теле форума ,милльЁн элементов ,с одинаковыми тэгами/классами,
мне нужно ударить тэг 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, В общем я на вашем месте сделал бы что-то такое https://jsfiddle.net/9676L5xd/
Я так понимаю, что структура в рекламы там одна и та же

[SVM]

Даниил Сугоняев,
Спасибо большое,
попробую допилить под свой код ,
с одной стороны мне вроде бы всё понятно,как это работает,
а с другой .....(ну не соображаю я в 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

[Даниил Сугоняев]

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

[SVM]

Даниил Сугоняев,
Бпагодарю ещё раз за пример,
Ура-ааааааааа!!! разобрался ツ
вчера "убил день на эксперименты и разбор полётов " , непонятки были в том , что сначала я задавал переменные , а функцию запускал по 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() });

[Даниил Сугоняев]

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

[SVM]

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

Answer 2

[Алексей Уколов]

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

Comments

[SVM]

разве никак нельзя?
а вот смотри:
я в браузере правил стили в 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');
}

[Алексей Уколов]

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