Làm cách nào để phát hiện id phần tử hiện tại trong jQuery?

Question

Tôi có một số mã HTML:

<input type="button" id="btn1" class="myButton" value="Button 1"/> 
<input type="button" id="btn2" class="myButton" value="Button 2"/> 

tôi cần phải chạy một hàm jQuery bất cứ khi nào người dùng nhấp vào từng nút, và tôi phải làm điều đó bằng lớp học của họ.

$('.myButton').click(function() { 
    // do something 
}); 

Nhưng những gì tôi phải làm, phụ thuộc vào Id phần tử hiện tại.

Câu hỏi của tôi là làm thế nào tôi có thể phát hiện thành phần nào được gọi là chức năng này? Tôi cần phải biết id của nó.

Answer 1

Bạn có thể sử dụng this để truy cập phần tử hiện tại và sau đó this.id sẽ cung cấp cho bạn id của phần tử hiện tại.

$('.myButton').click(function() { 
    alert(this.id); 
}); 

Answer 2

this trong xử lý sự kiện là yếu tố mà được nhấp:

$('.myButton').click(function() { 

    if (this.id === "btn1") { 
     ... 
    }  

}); 

Answer 3

Nhìn vào this. Bạn chỉ có thể sử dụng phương thức attr() để lấy id của phần tử được nhấp khi bạn liên kết lệnh gọi lại với phần tử MỌI với lớp .myButton.

Answer 4

Nếu bạn muốn giữ lại trong bối cảnh jquery, bạn có thể sử dụng đoạn mã này:

$('.myButton').click(function() { 
    alert($(this).attr('id')); 
}); 

Với cách này bạn linh hoạt hơn một chút.

Answer 5

Với jQuery tôi thấy làm việc này:

$(this).prop('id')