Làm thế nào để có được bộ chọn mà sự kiện 'click' đã bị ràng buộc?

Question

Tôi đang sử dụng jQuery on chức năng để ràng buộc sự kiện click:

$('#page-container, .some-class').on('click', '.do-something', function(event) { 
    // #page-container or .some-class? 
}); 

Bây giờ bên trong hàm callback Tôi muốn biết nếu sự kiện nghe tiếng 'click' đã bị sa thải khỏi #page-container hoặc .some-class. Với $(this) Tôi chỉ nhận được bộ chọn đã được nhấp.

Answer 1

delagateTarget của đối tượng event đề cập đến mục tiêu của đoàn:

$('#page-container, .some-class').on('click', '.do-something', function(event) { 
    var dt = event.delegateTarget; 
}); 

http://jsfiddle.net/SmXCG/

Answer 2

thử một cái gì đó như thế này

$('#page-container, .some-class').on('click', '.do-something', function(event) { 
     $(this).attr('id'); // #page-container 

     $(this).hasClass('.some-class'); //Will return true if it has some-class 
    }); 

Answer 3

Hãy thử

$('#page-container, .some-class').on('click', '.do-something', function(event) { 
    var isSomeClass = $(this).closest('.some-class').length > 0 
}); 

Demo: Fiddle

Answer 4

Bạn có thể làm một cái gì đó như thế này:

$('#page-container, .some-class').on('click', '.do-something', function (event) { 
    if ($(this).closest('#page-container').length) 
     alert('Its #page-container'); 
    else if ($(this).closest('.some-class').length) 
     alert('Its .some-class'); 
}); 

Answer 5

Working DEMO

Cố gắng khách sạn này

$('#page-container, .some-class').on('click', function(event) { 
alert($(this).text()); 
});