Поиск DOM элементов сверху

186

20 декабря 2018, 16:50

У меня есть таблица:

 <tr id="entry">
     <td>
    </td> 
    <td rel="upon"></td>
  </tr>
  <tr id="entry">
     <td rel="upon"></td>
    </td>
  </tr>
//В общем, около 10 таких

Подскажите, как проверить через jquery, есть ли вверху <tr>, и если есть нужно через opacity 0.1 скрыть "rel". Пробовал наподобие такого:

if($(this).closest('tr').attr("rel").next()) {
...

Что-то не получается

Answer 1

Так?

$('.entry td[rel=upon]').css({ opacity: 0.1 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table> 
  <tr class="entry"> 
    <td> 
      Я буду виден 
    </td> 
  </tr> 
  <tr class="entry"> 
    <td rel=upon> 
      Я невидимка(нет) 
    </td> 
  </tr> 
</table>

Answer 2

у первой строки изменить прозрачность:

$(document).ready(function(){ 
  $('table tr').eq(0).css({'opacity': 0.1}); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<table> 
  <tr class ="entry"> 
    <td>1 
    </td> 
  </tr> 
  <tr class ="entry"> 
    <td>2 
    </td> 
  </tr> 
</table>

P.S. Избегайте на странице одинаковых id, замените на class. P.S.S. Так же можно обратить внимание на closest(), prev()