使用 jQuery 在 Internet Explorer 中获取元素 ID答案

【问题标题】：Get element id in Internet Explorer using jQuery使用 jQuery 在 Internet Explorer 中获取元素 ID
【发布时间】：2013-06-10 23:11:25
【问题描述】：

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

我在 Chrome 和除 Internet Explorer 之外的所有其他浏览器中获取该 ID。我正在尝试 IE 的第 9 版和第 10 版。 next 函数还有其他替代方案吗？

基本上我想获取被点击元素的父母的父ID。

My fiddle demo

它在 Chrome 中运行良好，但在 IE 10 中却不行。

【问题讨论】：

标签： jquery internet-explorer-9 internet-explorer-10

【解决方案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

【讨论】：

【解决方案2】：

试试

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

演示：Fiddle

【讨论】：

【解决方案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

【讨论】：