В таблице есть такая строка:
<tr class="homeInfo" onclick="AreaToggle()" >
Скрипт такой:
function AreaToggle() {
$(this).addClass("hidden");
}
А в итоге класс не добавляется. toggleClass тоже не работает.
В чем может быть проблема?
При таком объявлении this внутри функции указывает на глобальный объект (window) либо undefined если указана директива "use strict".
Поэтому $(this).addClass не сработал.
Для исправления нужно либо передать элемент непосредственно в функцию:
function AreaToggle(el) {
$(el).addClass("hidden");
}
.hidden {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="homeInfo" onclick="AreaToggle(this)">Click</span>
Либо добавлять обработчик с помощью jQuery либо addEventListner, а не непосредственно в разметке.
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники