Можно ли добавить addEventListener к конкретной колонке таблицы?

@НиколайВасильев · Регистрация: 02.12.2015

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

Подскажите плс, возможно ли добавить addEventListener к конкретной колонке таблицы только в тег tbody, но thead и tfoot не трогать. По клику нужно получить текст из этого td.

@vettel · 12.12.2016, 21:53

Сообщение от НиколайВасильев

Подскажите плс, возможно ли добавить addEventListener к конкретной колонке таблицы только в тег tbody

Возможно. Просто нужно правильно составить селектор либо на том же js произвести выборку td из tbody с нужныым индексом колонки.

@НиколайВасильев · 12.12.2016, 23:59 **[ТС]**

vettel,
Вот с селектором как раз и проблема. Для проверки

JavaScript
1
2
3
$('tbody tr td:eq(3)').each(function(){
                $(this).css('border','2px red solid');
            });

Как я понял, с each должно сканирование всей таблицы пройти, но рамка появляется только в первой строке tbody в 4 колонке

@Lazy_Den · 13.12.2016, 00:12

НиколайВасильев, пример в песочнице

JavaScript
1
2
3
$('tbody tr td:nth-child(3)').on('click', function(){
    $(this).css('border','2px red solid');
});

@vettel · 13.12.2016, 00:15

НиколайВасильев, eq - нет такого псевдокласса в css. Есть nth-child, как выше коллега Lazy_Den написал.

@НиколайВасильев · 13.12.2016, 00:20 **[ТС]**

Lazy_Den,
Спасибо!!
Пробую с addEventListener

@Lazy_Den · 13.12.2016, 00:23

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

нет такого псевдокласса в css

Абсолютно правильно, но это искусственный селектор (назовём его так) в jQuery, позаимствованный у Sizzle

Добавлено через 2 минуты

Сообщение от НиколайВасильев

Пробую с addEventListener

Чего ж пробовать? Делать нужно

Затык же у вас произошёл не со способом установки обработчика события, а с правильно подобранным селектором. Его же можете использовать и в нативном JS:

JavaScript
1
document.querySelectorAll('tbody tr td:nth-child(3)');

@НиколайВасильев · 13.12.2016, 00:30 **[ТС]**

vettel, а здесь?

JavaScript
1
$('tr:eq(-2) td:eq(-2)').css("border-left", "0px");

Бордер слева удаляется, eq указано не внутри css

Добавлено через 4 минуты

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

Его же можете использовать и в нативном JS

Специально начал смотреть jQuery из-за проблем с JS под IE. В описании jQuery говорят о кроссбраузерности.

@Lazy_Den · 13.12.2016, 00:37

Сообщение от НиколайВасильев

В описании jQuery говорят о кроссбраузерности

Так и есть, но вам никто не мешает самому написать fallback-и для старых ослов. Хотя, лично я, уже перестал на них ориентироваться, т.к. в этом году IE < 10 по статистике не дотягивают даже до 1%. А если учесть, что этот полу процент пользователей в основном находятся в Индии, Африке и других малоразвитых странах, то тратить уйму времени на решение вопросов кроссбраузерности, я смысла не вижу. Деревянным браузерам - деревянные сайты ))

@НиколайВасильев · 13.12.2016, 00:43 **[ТС]**

Lazy_Den, что поделаешь, до сих пор пользуются IE8. "А зачем мне обновляться? У меня всё работает, кроме твоего сайта, значит ты не умеешь ничего делать!"

@vettel · 13.12.2016, 10:39

Сообщение от НиколайВасильев

vettel, а здесь?

Выше вам написали, что eq - это псевдокласс, который понимает только jQuery. Реально в css такого нет, и нативный querySelectorAll такое не поймет.
Хотя в случае jQuery я предпочитаю все-таки использовать метод .eq(), а не псевдокласс.

Добавлено через 2 минуты

Сообщение от НиколайВасильев

"А зачем мне обновляться? У меня всё работает, кроме твоего сайта, значит ты не умеешь ничего делать!"

Если "все" - это Гугл и ВК, тогда возможно))
А так подавляющее большинство разработчиков и сайтов уже давно не ориентируются на ИЕ8, это прошлый век.
Да и нет смысла искусственно сдерживать прогресс: если плевать на таких вот "мне пофигу, я сижу на ИЕ8", то рано или поздно они поймут, что они в меньшинстве и у них все криво. Тогда переступят через свою гордость и принципы и поставят таки нормальный современный браузер.

@НиколайВасильев · 18.12.2016, 15:00 **[ТС]**

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

А так подавляющее большинство разработчиков и сайтов уже давно не ориентируются на ИЕ8, это прошлый век.

Клиент всегда прав

2 года назад мой друг работал в центральном банке Болгарии. Как я понял, что-то типа нашей системы банк-клиент, т.е. клиент видит свой счет и может управлять своими деньгами. Оказалось, используют Windows МЕ и ХР и IE5.5, мой друг не понять почему getElementById не работает.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620

	Можно ли добавить addEventListener к конкретной колонке таблицы? 12.12.2016, 18:05. Показов 706. Ответов 11 Метки нет (Все метки) Подскажите плс, возможно ли добавить addEventListener к конкретной колонке таблицы только в тег tbody, но thead и tfoot не трогать. По клику нужно получить текст из этого td. 0

@vettel 84 / 84 / 41 Регистрация: 14.02.2015 Сообщений: 320
	13.12.2016, 00:15
	НиколайВасильев, eq - нет такого псевдокласса в css. Есть nth-child, как выше коллега Lazy_Den написал. 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	13.12.2016, 00:20 [ТС]
	Lazy_Den, Спасибо!! Пробую с addEventListener 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	13.12.2016, 00:43 [ТС]
	Lazy_Den, что поделаешь, до сих пор пользуются IE8. "А зачем мне обновляться? У меня всё работает, кроме твоего сайта, значит ты не умеешь ничего делать!" 0