jQuery: найдите шестую ячейку таблицы 3х3
jQuery Fundamental - II: упражнение 87
Найдите шестую ячейку (второй ряд и третий столбец) таблицы 3х3.
Пример решения:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Find the sixth cell (second row and third column ) of a 3x3 table</title>
</head>
<body>
<table border="1">
<tr><td>Cell-1</td><td>Cell-2</td><td>Cell-3</td></tr>
<tr><td>Cell-4</td><td>Cell-5</td><td>Cell-6</td></tr>
<tr><td>Cell-7</td><td>Cell-8</td><td>Cell-9</td></tr>
</table>
</body>
</html>
Код JavaScript:
$( "td:eq(5)" ).css( "color", "red" );
См. Pen jquery- basic -упражнение-87 от w3resource ( @ w3resource ) в CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Установите красный цвет фона 4-го деления, добавив соответствующий класс.
Далее: находит четные строки таблицы, соответствующие первой, третьей и т. Д. (Индекс 0, 2, 4 и т. Д.)
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code