Форум

timecom · #1 (**permalink**) 16.08.2015, 12:53

Всем доброго времени суток. Подскажите пожалуйста куда копать.
Хочу понять схему перемещения по таблице.
Как пример:
<td>
<tr>111</tr>
<tr>222</tr>
<tr>333</tr>
<tr>444</tr>
<td>
<td>
<tr>555</tr>
<tr>bingo</tr>
<tr>777</tr>
<tr>ссылка</tr>
<td>
Нужно пройтись по всем td. И если в любом из них 2й tr равен bingo то в 4м tr этого же td изменить фон на допустим красный либо нажать на ссылку находящуюся в этом tr
Буду рад любым комментариям и наставлениям. За ссылки на нужные статьи буду благодарен.
С ув.

laimas · #2 (**permalink**) 16.08.2015, 14:25

Это из какой html-спецификации такая таблица?

EmperioAf · #3 (**permalink**) 16.08.2015, 14:26

Сообщение от laimas

Это из какой html-спецификации такая таблица?

пришлось свою таблицу делать

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="">
<meta name="description" content="">
<title>ГГ</title>
<style>
*{
    margin:0;
    padding:0;
    outline: 0;
}
table {
    margin: 50px;
    width: 300px;
    height: 300px;
}
td {
    margin: 5px;
    padding: 5px;
    border: 1px solid #08c;
}
</style>
</head>
<body>
<table>
<tbody>

<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
</tr>
<tr>
<td>555</td>
<td>bingo</td>
<td>777</td>
<td>ссылка</td>
</tr>

</tbody>
</table>
<script>
  var tds = document.querySelectorAll('tr');
  for (var i = 0; i < tds.length; i++){
    var tr = tds[i].querySelectorAll('td');
    if (tr[1].innerHTML == 'bingo')
      tr[3].style.backgroundColor = 'red';
  }

</script>
</body>

</html>

timecom · #4 (**permalink**) 16.08.2015, 16:26

Сообщение от laimas

Это из какой html-спецификации такая таблица?

Из выдуманной) Туплю что-то.

timecom · #5 (**permalink**) 16.08.2015, 16:27

Спасибо).

Форум

Справочник

Discord чат

Курсы javascript