Как выполнить однотипные действия для кнопок js?

Question

[Алексей Самойлов]

Есть несколько кнопок (они генерируются).

Хочется, чтобы при нажатии на эти кнопки - выполнялись однотипные действия (брался title кнопки и передавал значение дальше).

https://jsfiddle.net/fn3hf0oL/

Answer 1

[Иван Орлов]

Вы title узнайте $(element).attr('title')

Comments

[Алексей Самойлов]

Это понятно. https://jsfiddle.net/fn3hf0oL/1/ А как мне забиндить одно действие для неопределенного кол-ва кнопок?

[Алексей Самойлов]

https://jsfiddle.net/fn3hf0oL/2/ - вот только осталось дописать, чтобы он тайтл нужной кнопки передавал.

[Иван Орлов]

var title = $(this).attr('title')

[Алексей Самойлов]

Brad: Спасибо! Вот только одно осталось. https://jsfiddle.net/fn3hf0oL/3/ - сделал, чтобы при нажатии на LOAD добавлялась кнопка, но при нажатии на сгенерированную кнопку нужного действия не происходит.

[Михаил Чирский]

Алексей Самойлов: используем делегированные события, как то так
https://jsfiddle.net/fn3hf0oL/4/

[Иван Орлов]

$('#add').bind('click', function () {
var title_last = $('#buttons').children().last().attr('title');
title_last = +title_last.slice(3) + 1;
$('btn'+title_last+'').appendTo('#buttons')
});
$("body").on('click','.clicker', function () {
var title = $(this).attr('title')
alert(title)
});

[Иван Орлов]

Михаил Чирский: Начиная с jQuery 1.7, метод .delegate() можно заместить методом .on(). При использовании более ранних версий, рекомендуется использовать .deligate(). Разница между данными двумя методами не очень большая

[Михаил Чирский]

Brad: я это прекрасно знаю, ну ингода бывают искл. и ваш on не работает, и спасает только delegate

[Алексей Самойлов]

Brad: Михаил Чирский: Всем спасибо!