jquery e.target.hasClass không hoạt động

Question

Tôi tự động tạo div mới (với lớp và ID "hộp văn bản") và một số phần tử khác bên trong nó và sau này trong mã của tôi, tôi ràng buộc div cho sự kiện nhấp chuột và hiển thị phần tử được nhấp, như vậy:

$('#textbox_'+i).bind('click', function(event){ 
    alert(event.target.className); 
} 

Điều này là tốt và nó sẽ cung cấp cho tôi textbox là một trong các lớp được hiển thị. Nhưng event.target.hasClass() dường như không hoạt động. Vì vậy, khi tôi làm như sau, không có gì xảy ra:

$('#textbox_'+i).bind('click', function(event){ 
    if(event.target.hasClass('textbox')) { alert('got it!'); } 
} 

Tôi đã thử một vài cách khác nhau và dường như tôi không hoạt động. Có cách nào khác để đối phó với các sự kiện hay tôi đang làm điều gì sai?

Answer 1

Bạn đang cố gắng sử dụng phương pháp jQuery, hasClass(), trên một phần tử DOM chuẩn. Bạn cần phải chuyển đổi các đồng bằng JS DOM yếu tố e.target đến một đối tượng jQuery, như vậy:

$(event.target).hasClass('textbox') 

Và bạn kết thúc với:

$('#textbox_'+i).on('click', function(event){ 
    if($(event.target).hasClass('textbox')) alert('got it!'); 
}); 

Thông báo việc sử dụng các on(), đóng cửa đúng đắn của click và bạn không cần dấu ngoặc nhọn trong câu lệnh if nếu bạn chỉ thực hiện một cảnh báo đơn giản.

Answer 2

Nếu bạn muốn tiếp tục sử dụng yếu tố JS DOM của bạn đơn giản mà không cần sử dụng jQuery:

event.target.classList.contains('textbox')