Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2016, 13:58
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

Обращение к родительскому элементу
С 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>
Имя класса может меняться в зависимости от уровня темы: зеленая платиновая, красная и т.д.

Последний раз редактировалось 12345678, 30.07.2016 в 14:28.
Ответить с цитированием