Не работает classname

@MakcNmyc · Регистрация: 07.07.2012

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

Прочитал здесь статью. Событие срабатывает, но выдает пустое окно. Почти тоже самое с idname(там только пишет undefined). Объясните, пожалуйста, как именно работает эта штука.

Donald28 · 15.03.2014, 15:34

нет такого метода "idname"

приведите сам код JS и HTML

@MakcNmyc · 15.03.2014, 17:16 **[ТС]**

HTML5
1
2
3
4
5
6
7
<div id="menu"  onclick="t=event.target||event.srcElement; alert(t.className)">
<table>
<tr><div class="drw1"><td><a href="">Детские товары</a></td></div ></tr>   
<tr><div class="drw2"><td><a href="">Бытовая химия</a></td></div ></tr>
<tr><div class="drw3"><td><a href="">Косметика</a></td></div></tr>
<tr><div class="drw4"><td><a href="">Хозяйственные товары</a></td></div ></tr>
</table>

Эту строчку взял из статьи указанной выше

HTML5
1
onclick="t=event.target||event.srcElement; alert(t.className)"

Вся фишка в том что если просто скопировать код указанный там, все работает(

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="d1"
  onclick="t=event.target||event.srcElement; alert(t.className)"
>
<span class="number">1</span>
    <div class="d2">
        <span class="number">2</span>
        <div class="d3">
            <span class="number">3</span>
        </div>
        <a class="d2a" href="javascript:void(0)">Ссылка</a>
    </div>
</div>

Хочу чтобы при нажатий ячейки таблицы вылез ее класс

@vovandr · 15.03.2014, 18:02

у вас html некорректный, браузер ваши div выносит перед таблицей. Для решения задачи надо сделать валидную верстку (убрать дивы и присовить классы ячейкам, либо поместить дивы внутрь ячеек). Затем делегировать событие на див или ячейку и получить класс. Всё просто

Donald28 · 15.03.2014, 18:11

на самом деле все работает. Просто если вы будете кликать по "детским товарам, то целью (target) будет ссылка, у которой, судя по вашему коду, нет класса.

замечание про div внутри tr и перед td верное - это мувитон верстки.

т.к. вы написали в тему jQuery, и как я понял вам нужно узнать по какому ряду был сделан клик, то предлагаю вам следующее решение:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<table id="menu">
   <tr data-class="row1">
      <td><a href="">Детские товары</a></td>
   </tr>   
   <tr data-class="row2">
      <td><a href="">Косметика</a></td>
   </tr>   
   <tr data-class="row3">
      <td><a href="">Хозяйственные товары</a></td>
   </tr>    
</table>

JavaScript
1
2
3
4
5
6
$(document).ready(function(){
  $('#menu a').click(function(){
        row=$(this).parent('td').parent('tr').data('class');
        alert(row);
  });
});

@MakcNmyc · 15.03.2014, 22:29 **[ТС]**

Спасибо. Но есть еще один вопрос. Почему при таком коде при клике на саму ссылку не видит класса?

HTML5
1
2
3
4
5
6
7
<div id="menu" >
<table>
<tr><td><div class="drw1"><a href="">Детские товары</a></div ></td></tr>    
<tr><td><div class="drw2"><a href="">Бытовая химия</a></div ></td></tr>
<tr><td><div class="drw3"><a href="">Косметика</a></div></td></tr>
<tr><td><div class="drw4"><a href="">Хозяйственные товары</a></div ></td></tr>
</table>

JavaScript
1
2
3
4
5
6
$("#menu ").click (function(event) {
 
  event = event || window.event;
  var t = event.target || event.srcElement;
  alert(t.className);
});

@vovandr · 15.03.2014, 22:42

Но есть еще один вопрос. Почему при таком коде при клике на саму ссылку не видит класса?

Вы читать умеете?

у вас html некорректный, браузер ваши div выносит перед таблицей

Donald28 · 16.03.2014, 01:29

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

Почему при таком коде при клике на саму ссылку не видит класса?

потому что у ссылки нет класса. а нажать на див надо еще умудриться (т.е. при вашем коде практически не реально)

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@MakcNmyc 3 / 3 / 2 Регистрация: 07.07.2012 Сообщений: 116

	Не работает classname 15.03.2014, 13:58. Показов 2738. Ответов 7 Метки нет (Все метки) Прочитал здесь статью. Событие срабатывает, но выдает пустое окно. Почти тоже самое с idname(там только пишет undefined). Объясните, пожалуйста, как именно работает эта штука. 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	15.03.2014, 15:34
	нет такого метода "idname" приведите сам код JS и HTML 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	15.03.2014, 18:02
	у вас html некорректный, браузер ваши div выносит перед таблицей. Для решения задачи надо сделать валидную верстку (убрать дивы и присовить классы ячейкам, либо поместить дивы внутрь ячеек). Затем делегировать событие на див или ячейку и получить класс. Всё просто 0