Почему при клике на кнопки всегда 1?

175

27 ноября 2018, 23:50

Хочу передавать id той кнопки, на которую нажали, но всегда передает 1, что не так? Кнопки генерируются динамически, поэтому обращаюсь через body.

$(function () { 
$("body").on('click', '.btn_add', function () { 
    var cch = $(".btn_add").attr("id"); 
    console.log(cch); 
    $("#inf").text(cch); 
    var inf = $("#inf").attr("chainid", cch); 
}); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span id="inf"></span> 
<button id="1" class="btn_add">s1</button> 
<button id="2" class="btn_add">s2</button> 
<button id="3" class="btn_add">s3</button>

Answer 1

В третьей строке нужно использовать $(this).attr("id");

$(function () { 
$("body").on('click', '.btn_add', function () { 
    var cch = $(this).attr("id"); 
    console.log(cch); 
    $("#inf").text(cch); 
    var inf = $("#inf").attr("chainid", cch); 
}); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span id="inf"></span> 
<button id="1" class="btn_add">s1</button> 
<button id="2" class="btn_add">s2</button> 
<button id="3" class="btn_add">s3</button>

Answer 2

Не правильно использовал this, так верно $(this).attr('id'); Всем спасибо!