Получить значение из первой ячейки выбранной колонки

@Chewbacca1 · Регистрация: 14.02.2015

Студворк — интернет-сервис помощи студентам

Добрый вечер!

Подскажите, пожалуйста, каким образом можно реализовать такой механизм?
Допустим есть таблица, как можно получить значение из первой ячейки выбранной строки7

@Max Dark · 14.08.2016, 23:31

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

получить значение из первой ячейки выбранной колонки

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

значение из первой ячейки выбранной строки

Уж определитесь...
Для 2го:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <style>.data{}</style>
</head>
<body>
<table class="data">
    <tr><td>1 1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>2 1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>3 1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>4 1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>5 1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
<script>
    window.addEventListener('load', function () {
        var rows = document.querySelectorAll('table.data tr');
        rows.forEach(function (row) {
            row.addEventListener('click', function () {
                var first = this.firstChild;
                alert(first.textContent);
            });
        });
    })
</script>
</body>
</html>

Добавлено через 17 минут
для 1го

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <style>.data{}</style>
</head>
<body>
<table class="data">
    <tr><td>1 1</td><td>1 2</td><td>1 3</td><td>1 4</td></tr>
    <tr><td>2 1</td><td>2 2</td><td>2 3</td><td>2 4</td></tr>
    <tr><td>3 1</td><td>3 2</td><td>3 3</td><td>3 4</td></tr>
    <tr><td>4 1</td><td>4 2</td><td>4 3</td><td>4 4</td></tr>
    <tr><td>5 1</td><td>5 2</td><td>5 3</td><td>5 4</td></tr>
</table>
<script>
    window.addEventListener('load', function () {
        var rows = document.querySelectorAll('table.data tr');
        rows.forEach(function (row) {
            var cells = row.childNodes;
            cells.forEach(function (cell, id) {
                cell.setAttribute('cid', id);
                cell.addEventListener('click', function () {
                    var cid = this.getAttribute('cid');
                    var x = rows[0].childNodes[cid];
                    console.log(x.textContent);
                });
            });
        });
    })
</script>
</body>
</html>

@Chewbacca1 · 15.08.2016, 08:14 **[ТС]**

Спасибо большое
значение записывается в переменную x? как теперь допустим это значение в лейбл по клику выводить?

@Max Dark · 15.08.2016, 08:21

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

значение записывается в переменную x?

нет, это сама ячейка. содержимое в x.textContent

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

как теперь допустим это значение в лейбл по клику выводить?

замените console.log(x.textContent); на код вывода

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@Chewbacca1 4 / 4 / 2 Регистрация: 14.02.2015 Сообщений: 122

	Получить значение из первой ячейки выбранной колонки 14.08.2016, 22:49. Показов 3050. Ответов 3 Метки нет (Все метки) Добрый вечер! Подскажите, пожалуйста, каким образом можно реализовать такой механизм? Допустим есть таблица, как можно получить значение из первой ячейки выбранной строки7 0

@Chewbacca1 4 / 4 / 2 Регистрация: 14.02.2015 Сообщений: 122
	15.08.2016, 08:14 [ТС]
	Спасибо большое значение записывается в переменную x? как теперь допустим это значение в лейбл по клику выводить? 0

Получить значение из первой ячейки выбранной колонки

Решение