jQuery attr() 在 IE7 中不返回

Question

这个把我难住了。我在某些链接上使用“for”属性来标识它们应该作用的元素。在 Firefox、IE9 和 IE8 中，一切似乎都工作正常……但 IE7 会崩溃并返回“未定义”。

这是我正在使用的 jQuery 代码的要点：

$(document.ready(function() {
    var editor_icons = $('.edit-button');

    editor_icons.each(function() {
        var $this = $(this),
            parent = $('#' + $this.attr('for'));

        var left = parent.position().left + parent.innerWidth() - 58 - 3,
            top = parent.position().top + 3;

        // ... you get the point ...
    });
});

应该作用的示例 HTML 元素：

<div id="content_wrapper">
    <a class="edit-button" href="javascript:void(0);" for="index_primary_content" />
    <div id="index_primary_content">
        ....
    </div>
</div>

在您指出之前，我意识到锚点不应该是自动关闭元素。我从应用程序发送的 HTML 是 ，IE 将其解释为 。我在元素之间添加了一个   以确保这不是解释问题，但我得到了完全相同的错误。

问题是 $this .attr('for') 返回“未定义”，因此 parent.position().left 抛出“对象为 null 或未定义”错误。

我用观察变量进行了一些挖掘，我可以看到选择器正在工作，并且在此上下文中的 $this 确实选择了正确的元素并且确实设置了“for”属性......但是我认为 jQuery 没有找到它。

正如我所说，它在 Firefox、IE9 和 IE8 中运行得很好……只是在 IE7 中不行。有想法吗？

作为参考，我正在使用 jQuery 1.6.2 ...

Answer 1

我相信这是您的问题 jQuery Bug Ticket

这是因为在 HTML 中使用的“for”属性实际上是“htmlFor”，例如在 label 元素中。我怀疑 jQuery.props 中的任何特殊情况都是如此。 XML 文档没有得到这种特殊处理，因此“for”将是“for”。我不确定这是否值得修复，或者只是记录下来。

Answer 2

使用自定义属性代替 for；例如，target_ele。

你的编辑会对你大喊大叫，但它会起作用。