jquery - 获取元素的所有属性在 IE 上的工作方式有所不同

Question

如果运行此脚本 http://jsfiddle.net/y8jp8/2/在 IE7 和 Firefox 上您可以看到:结果不一样。

我只想查看 3 个属性(id、title 和 myattr)及其值。我如何在 IE 中执行此操作？

Answer 1

这是对 roXon 答案的更正，但仍然没有完美的解决方案..

var result = "";
var attrs = $("#sample")[0].attributes;

for(var i=0;i<attrs.length;i++) {
    if(attrs[i].nodeValue != null 
    && attrs[i].nodeValue != '' 
    && attrs[i].nodeValue != 'inherit'){
        result += ( attrs[i].nodeName + "=" + attrs[i].nodeValue + "<br>");
    }

    $('#log').html(result);
}

http://jsfiddle.net/digitaloutback/pMVJw/9/

更新:

IE7 似乎没有过滤掉未指定的属性，例如，这是示例中“sample”属性的数据:

parentNode => null 
nodeValue => sample 
firstChild => null 
name => id 
expando => false 
lastChild => null 
ownerDocument => [object] 
attributes => null 
previousSibling => null 
value => sample 
nodeType => 2 
nodeName => id 
childNodes => null 
nextSibling => null 
specified => true 
ownerElement => undefined 

因此，您需要针对“指定”进行测试，例如:

var result = "";
var attrs = $("#sample")[0].attributes;

for(var i=0;i<attrs.length;i++) {   

    if(attrs[i].specified === true ) {
        result += ( attrs[i].nodeName + "=" + attrs[i].nodeValue + "<br>");
    }

    $('#log').html(result);

}

http://jsfiddle.net/digitaloutback/pMVJw/10/