Как забрать данные из элемента?

Рейтинг: 1Ответов: 1Опубликовано: 14.11.2014

Добрый день.

Есть генерируемая страница, на ней - к примеру, 50 кнопок: 

<a data-toggle="n1" href="1" id="button" class="c1">Ответить 1</a>
<a data-toggle="n2" href="2" id="button" class="c2">Ответить 2</a>
и т.д.

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

Вот при нажатии на id="button" срабатывает эвент, а как мне забрать значение из data-toggle href class или любого другого спец. тега, чтобы понять, что нажали именно на 2-ю, и работать нужно со 2-й записью в бд.

Спасибо.

css javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Использовать this - http://jsfiddle.net/m4d97z8k/

HTML

<a data-toggle="n1" href="1" id="button" class="c1">Ответить 1</a>
<a data-toggle="n2" href="2" id="button" class="c2">Ответить 2</a>

JavaScript

$('a').click(function(){
    alert($(this).attr('data-toggle'))
    return false
})