1

Есть несколько кнопок создающихся в цикле. Есть обработчик событий, надо чтоб он срабатывал по нажатию каждой кнопки и при этом знал, какая конкретно кнопка нажата. Как реализовать?

1
  • добавьте каждому блоку с кнопкой data-аттрибут и считывайте его. либо создайте input с параметром hidden и храните в нем информацию о нужной кнопке, которую так же потом считывайте.
    – lexxl
    Commented 4 апр. 2016 в 17:16

2 ответа 2

0

Вешайте событие на класс. В this при этом у вас будет объект, который вызвал событие:

$('a.clickme').on('click', function() {
    console.log(this);
});
5
  • у меня сейчас так ` $(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
  • Брррррррррррр...
    – Qwertiy
    Commented 4 апр. 2016 в 17:37
  • @Qwertiy если ответ плохой - объясните, чем )
    – Nick Volynkin
    Commented 5 апр. 2016 в 6:40
  • @NickVolynkin, как минимум тем, что он не работает с динамически созданными кнопками, о которых говорится в вопросе. Если, конечно, они не создаются до вызова этого скрипта, что было бы странно. А даже если так, то live-подписка тут всё равно кажется более логичной.
    – Qwertiy
    Commented 5 апр. 2016 в 8:00
0

$("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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.