У меня есть таблица ниже, и я хочу установить отображение нет на первый тд второго ряда. который называется Visi. Как я могу это сделать ?

.visi{ background:orange}
<table border="1" cellpadding="1">
<tr>
<td class="visi" rowspan="2">__</td>
<td>1</td>
</tr>
<tr>
<td class="visi" rowspan="2">__</td>
<td>2</td>
</tr>
</table>
0
inaz 4 Сен 2017 в 13:39

3 ответа

tr:nth-child(2) выбирает второе tr. td:nth-child(1) выбирает 1-е td.

.visi{ background:orange}

tr:nth-child(2)>td:nth-child(1) {
    display: none;
}
<table border="1" cellpadding="1">

<tr>
<td class="visi" rowspan="2">__</td>
<td>1</td>
</tr>

<tr>
<td class="visi" rowspan="2">__</td>
<td>2</td>
</tr>

</table>
0
Flowen 4 Сен 2017 в 10:42

Просто замени это

<td class="visi" style="display:none;" rowspan="2">__</td>
-1
Rishabh Kandari 4 Сен 2017 в 10:42

Используйте find и eq метод и addClass, чтобы скрыть ваш элемент.

$('table').find('tr').eq(1).find('td').eq(0).addClass('hide');
.visi {
  background: orange
}
.hide
{
  display:none
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1" cellpadding="1">
  <tr>
    <td class="visi" rowspan="2">__</td>
    <td>1</td>
  </tr>
  <tr>
    <td class="visi" rowspan="2">__</td>
    <td>2</td>
  </tr>
</table>
0
Shree 4 Сен 2017 в 10:51