Передача аргумента (ID) со страницы aspx в функцию javascript, которая обновляет идентификатор где-то еще на странице

Question

Итак, представьте, что у меня есть таблица, представляющая собой список видео с соответствующими описаниями и ссылками. На странице показано только одно видео. Когда нажата ссылка, я хочу, чтобы этот щелчок взял идентификатор соответствующего видео и передал его в div видеопроигрывателя, обновляя любое отображаемое видео, готовое для воспроизведения.

VidName | Описание | Часы ... и повторить ... генерируется из foreach в C #

Я считаю, что мне нужно будет использовать

.bind( 'click', [eventData,] handler(eventObject) )

но я не уверен, что поставить для второго аргумента - я знаю, что хочу идентификатор, но откуда? Должен ли текст «Смотреть» превращаться в кнопку (отправить) или что-то подобное?

Интуитивно я думаю, что это довольно просто ... извините за глупый вопрос, если он один! :)

Answer 1

Обычно я делаю это примерно так:

<sometag data-id="id-for-the-data"></sometag>

<script>

  function onSometagClick() {
     $(this).prop('data-id'); // read the id so we can us it
  }

  $(function(){
     $(document.body).delegate('sometag','click',onSometagClick); //handle clicks on all 'sometag' ellements
});
</script>

Если вы хотите получить менее общий ответ, пожалуйста, предоставьте некоторую разметку:)

причина, по которой я не использую атрибут id, является тройной.

1: чтобы отделить разметку / DOM от фактических данных

2: атрибуты id не могут начинаться с цифры, имои идентификаторы данных почти всегда являются числами из базы данных где-то.

3: если мне нужно ссылаться на одни и те же данные более одного раза на странице, атрибут id не годится, поскольку он должен быть уникальным

Answer 2

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

<a id="1" href="javascript:void(0)" onclick="DoSomething(this.id)">Simple's</a>