Как получить свойства элемента при клике на элемент?

Question

[sunnyrio]

Есть таблица каждая из строк которой имеет пользовательской свойство data-number со своим значением, как получить это свойство в переменную при клике на одну из строк таблицы?

<table>
	<tr id="udata" data-number="1">
	<td>Название</td>
	<td>Описание</td>
	<td>Количество</td>
	<td>Качество</td>	
	</tr>
	<tr id="udata" data-number="3">
	<td>Название</td>
	<td>Описание</td>
	<td>Количество</td>
	<td>Качество</td>	
	</tr>
	<tr id="udata" data-number="12">
	<td>Название</td>
	<td>Описание</td>
	<td>Количество</td>
	<td>Качество</td>	
	</tr>
</table>

$('#udata').click(function (){
		 var clickId = this.data(number);
		alert(clickid);
	});

Answer 1

[Ilya Loginov]

Замените id на class, и используйте вот этот js:

$('.udata').click(function (){
     var clickId = $(this).data('number');
    alert(clickId);
  });

Comments

[sunnyrio]

alert не срабатывает

[Ilya Loginov]

Значит вы что-то не так сделали когда его вставляли, вот код который я писал выше, все работает.

[sunnyrio]

Ilya Loginov, а проблема может быть изза того что таблица загружается только потом асинхроно с сервера после нажатия на кнопку загрузить?

[Ilya Loginov]

Да, тогда событие нужно писать так:

$(document).on('click', '.udata', function() {
...
});

[sunnyrio]

Ilya Loginov, Заработало а почему так, объясни.

[Ilya Loginov]

По тому что когда вы пишете $('.udata').click, вы привязываете событие к элементу .udata, а делаете вы это до того как он создается, а если использовать $(document).on('click', '.udata', function() {, то вы устанавливаете событие click на весь документ, а второй параметр используется для фильтрации элементов.

[sunnyrio]

Ilya Loginov, Благодарю все стало понятно

[YakovenkoND]

Ilya Loginov, А если в мой блок вложен другой элемент с таким же классом (переназначить их я не могу), то что мне делать?
У меня выводится data нескольких элементов, которые вложенны в родительсктй?

Answer 2

[Eugene Chefranov]

ID может использоваться только раз на странице. Определяйте например по классу

Comments

[frees2]

id могут быть разные для клика, к примеру.
a href="#PLanli-oaGOyxl4ra12DdaQIeLVVYMZvXe" id="PLanli-oaGOyxl4ra12DdaQIeLVVYMZvXe" role="button" aria-pressed="false" onclick="handleBtnClick(event);load(event);