Есть несколько кнопок создающихся в цикле. Есть обработчик событий, надо чтоб он срабатывал по нажатию каждой кнопки и при этом знал, какая конкретно кнопка нажата. Как реализовать?
2 ответа
Вешайте событие на класс. В this
при этом у вас будет объект, который вызвал событие:
$('a.clickme').on('click', function() {
console.log(this);
});
-
у меня сейчас так ` $(document).ready(function() { $('#abtn').click(function(e) { e.preventDefault(); }) }` abtn это id, я изменил и теперь это класс, как мне это в обработчике написать? Commented 4 апр. 2016 в 17:29
-
$(document).ready(function() { $('.abtn').click(function(e) { e.preventDefault(); }) }
Только выборка по одному лишь классу - вещь ресурсоемкая, лучше сначала сужать выборку по тегу, как я писал выше:a.abtn
, если объектом является ссылка. Commented 4 апр. 2016 в 17:33 -
-
-
@NickVolynkin, как минимум тем, что он не работает с динамически созданными кнопками, о которых говорится в вопросе. Если, конечно, они не создаются до вызова этого скрипта, что было бы странно. А даже если так, то live-подписка тут всё равно кажется более логичной.– Qwertiy ♦Commented 5 апр. 2016 в 8:00
$("div").on('click', "button", function (event) {
$(this).css("color", "red");
});
$("div").html(Array(17).join("<button></button>"));
body { counter-reset: i; }
button { counter-increment: i; }
button:after { content: counter(i); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div></div>