Получите идентификатор входа и сохраните его как переменную

Question

Как сохранить идентификатор в виде переменной в jQuery с щелчка ввода. Это то, что я получил, но не уверен, что это сработает.

<div class="email_button"> 
    <input id="button1" value="value" /> 
    <input id="button2" value="value2" /> 
    <input id="button3" value="value3" /> 
    <input id="button4" value="value4" /> 
</div> 

Это мой JQuery

jQuery('.email_button input').click(function(){ 
var buttonid = jQuery($this('.emailbutton input')).attr('id'); 
)} 

тогда я буду проездом этот идентификатор в некоторый условный PHP с помощью AJAX

Answer 1

Ваш HTML является недействительным. изменить его в правый класс, как показано ниже:

$('.email-button input').click(function (e) { 
    var buttonid = e.target.id; 
}); 

ИЛИ

$('.email-button input').click(function (e) { 
    var buttonid = $(this).attr('id'); 
}); 

HTML

<div class="email-button"> 
    <input id="button1" value="value" /> 
    <input id="button2" value="value" /> 
    <input id="button3" value="value" /> 
    <input id="button4" value="value" /> 
</div> 

Answer 2

Как это:

var id; 

$("input").click(function(){ 
id= $(this).attr("id"); 
}) 

Answer 3

Это будет делать , фактически:

jQuery('.email_button input').click(function(){ 
    var buttonid = $(this).attr('id'); 
    //$.post blah blah blah 
)} 

Answer 4

this.id Использование или $(this).attr('id')

jQuery('.email_button input').click(function(){ 
    var buttonid = this.id //Or $(this).attr('id'); 
)} 

.attr() используется, чтобы получить атрибут и $(this) определяет текущую кнопку контекста т.е..

Кроме того, близкие входные метки с value=: <input... value="..."/>

Answer 5

Есть несколько вещей неправильно с вашим кодом

JS

$('.email-button input').click(function() { 
    var buttonid = this.id; 
)}; 

this.id возвращает идентификатор щелкнутого элемента .email-button класса вы использовали в HTML, не .email_button

HTML

недопустимого HTML <input id="button1" value"value"> это, вероятно, опечатка копируется несколько раз, но вы пропустили знак равенства и закрытия. Должно быть

<input id="button1" value="value" /> 

FYI, вы могли бы использовать $(this).attr('id'), чтобы получить идентификатор, однако нет смысла делать это в вашем случае

Answer 6

<div class="email-button"> 
    <input id="button1" value="value" /> 
    <input id="button2" value="value" /> 
    <input id="button3" value="value" /> 
    <input id="button4" value="value" /> 
</div> 

$('.email-button input').on("click",function() { alert($(this).attr("id")); )};