Как совершать операции над кликнутым элементом в jQuery?

Question

[Вячеслав Лебедев]

Добрый день! :)
Хочу по клику на элемент, оперировать именно с этим элементом, на который я кликнул.
На каждом элементе есть data-index со своей цифрой или текстом.
Мне нужно достать это значение, только у нажатого элемента.

$('li').click(function () {
    var i = $('li').data('index');
    console.log(i);
});

Забирает значение с первого li элемента, что логично :)

ps:
1. this не работает
2. навешивать id не хотелось бы

Comments

[Вячеслав]

Что значит "this не работает"? =) Это основная концепция в обработчиках jQuery, если что - this ссылается на объект, на котором произошло событие.

[Вячеслав Лебедев]

Вячеслав: На самом деле это моя ошибка, исправил, this работает как надо :)

Answer 1

[developinwed]

$('li').click(function () {
    di = $(this).attr('data-index')
});

Answer 2

[Артём]

$('li').click(function(e) {
        var i = $(e.target).data('index');
        console.log(i);
})