Получить идентификатор элемента в Internet Explorer с помощью jQuery

Question

var status = jQuery(event.target).parents("div").parents("div").next("div").attr('id'); 
alert("explorer this is for u :::" + status); 

Я получаю идентификатор в Chrome и всех других браузерах, кроме Internet Explorer. Я пытаюсь использовать версии 9 и 10 IE. Есть ли другая альтернатива для функции next?

В принципе, я хочу получить родительский идентификатор родительского элемента.

My fiddle demo

Он работает отлично в Chrome, но не в IE 10.

Answer 1

IE не поддерживает event.target поэтому попробуйте с this

$('input[type=button]').click(function() { 
    alert("test"); 
    var status = $(this).parent("div").attr('id'); 
    // also use parent since it's only one 
    alert("explorer this is for u :::" + status); 
}); 

SO Link to event.target in IE

Answer 2

Попробуйте

var status = jQuery(this).closest("div").attr('id'); 

Демо: Fiddle

Answer 3

Попробуйте использовать event.currentTarget вместо этого. Она работает на IE10:

$('input[type=button]').click(function (event) { 
    alert("test"); 
    var status = jQuery(event.currentTarget).parents("div").attr('id'); 
    alert("explorer this is for u :::" + status); 
}); 

Fiddle