С javascript знаком очень поверхностно, поэтому прошу помощи.
Пробовал сделать на css, но если я правильно понял, то css не позволяет обращаться к родительским элементам =(
Разбираю сайт ЯП (yaplakal.com), на предмет скрытия рекламных топиков.
У сайта структура главной страница следующая:
1. Каждая новость состоит из 3-х идущих подряд <tr>, которые ничем не разделяются и идут на одном уровне
...
//начинается таблица .lenta
<tbody>
//1-я новость
<tr><td class="newshead" id="topic_1"></td></tr>
<tr><td class="postcolor news-content" id="news_1"></td></tr>
<tr><td class="holder newsbottom" valign="top"></tr>
//следующая тройка - 2-я новость
<tr><td class="newshead" id="topic_2"></td></tr>
<tr><td class="postcolor news-content" id="news_2"></td></tr>
<tr><td class="holder newsbottom" valign="top"></tr>
// и т.д.
2. Внутри 3-го <tr> следующая структура:
<tr>
<td class="holder newsbottom" valign="top">
<b class="icon-user"></b>
<b class="icon-forum"></b>
<b class="icon-date"></b>
<b class="icon-comments"></b>
<b class="icon-link"></b>
</td>
</tr>
3. Элемент по которому можно фильтровать находится в .icon-user
<b class="icon-user">
<a href="http://www.yaplakal.com/members/member1438.html">Administration</a>
</b>
Задача: cкрыть 1, 2 и 3 <tr> новости в которой в 3-м <tr> находится <a href="http://www.yaplakal.com/members/member1438.html">Administration</a>
<tbody>
<tr></tr>
<tr></tr>
<tr>
<td class="holder newsbottom" valign="top">
<b class="icon-user">
<a href="http://www.yaplakal.com/members/member1438.html">Administration</a>
</b>
</td>
</tr>
P.S.
Есть еще один элемент по которому можно фильтровать. У рекламных новостей отсутствует оценка темы (целый div):
Код:
|
<tr> //Первая из трех
<td>
<div class="rating-short-value rating-green-short-bg" style="float: right;">
<a href="http://www.yaplakal.com/forum7/topic1422993.html" title="Оценить тему!">245</a>
</div>
</td>
</tr>
|
Имя класса может меняться в зависимости от уровня темы: зеленая платиновая, красная и т.д.