存储HTML节点作为数组键

Question

我要存储的元素在我的数组和对象为值的键，例如 -

var arr = []; 
arr[ document.getElementById('something') ] = { data: 'something' , fn : function(){ } }; 

但问题是：如果我将再增加元素的关键是：document.getElementById('otherthing')。 然后将尝试获得值：arr[ document.getElementById('something') ].data，我会得到值arr[ document.getElementById('otherthing') ]。
例如：

var arr = []; 
arr[ document.getElementById('something') ] = { data: 'something' , fn : function(){ } }; 
arr[ document.getElementById('otherthing') ] = { data: 'otherthing' , fn : function(){ alert('k'); } }; 
alert(arr[ document.getElementById('otherthing') ].data); // alerts "otherthing" 
alert(arr[ document.getElementById('something') ].data); // alerts "otherthing" but suppose to alert "something" 

我怎样才能解决这个问题，我通过`吨ID存储，因为我要支持其他节点没有-ID
谢谢，Yosy。

编辑：我的答案，如果你有更好的答案请写吧:)（由casablanca`s启发接听）
数组ID：关键整数节点ID，值的节点它自
与数据阵列，并与我的身份证的FN键，它会看起来像这样：

var idArray = [],nodeArray = []; 

idArray[0] = document.getElementById('hello_ducks'); 
nodeArray[0] = { data: 'hello ducks!!' , fn : function(){ alert('k'); } }; 

idArray[1] = document.getElementById('hello'); 
nodeArray[1] = { data: 'hello' , fn : function(){ } }; 

var testNode = document.getElementById('hello_ducks'), foundId = -1 /*found id*/; 
// Do we have testNode in our array? 
for(var i = 0 ; i < idArray.length; i++){ 
    if(idArray[i] === testNode){ 
    foundId = i; 
    } 
} 

// Do we found our element? 
if(foundId >= 0) { 
    alert(nodeArray[foundId].data); // "hello ducks!!" 
} 

Answer 1

我不能老是用ID保存，因为我要支持其他节点没有-ID

你应该记住为了从数组中取回节点，你必须以某种方式识别它。如果一个节点没有任何这样的唯一标识符，那么以后如何从数组中检索它，甚至将它存储在第一位？

在像C++这样的低级语言中，每个对象都隐式地拥有一个唯一的地址，但是在JavaScript中没有这样的东西，所以您需要手动提供某种标识对象的方法，并且DOM ID是这是做这件事最方便的方法。

如果您的一些节点最初没有ID，最好的处理方法是简单地分配您自己的唯一ID。

---

更新：您发布的工作，但因为你需要每一个你需要找一个节点时，搜索整个阵列它不是非常有效的解决方案。为什么不简单地将自己的ID分配给那些没有的ID？例如：

var nextID = 0; 
function getID(elem) { 
    if (elem.hasAttribute('id') == false || elem.id == '') 
    elem.id = 'dummy-' + (++nodeID); 
    return elem.id; 
} 

这样，您就可以随时使用的ID作为关键字：

var nodeArray = []; 

var e = document.getElementById('hello'); 
nodeArray[getID(e)] = { ... }; 

var e = /* element obtained from somewhere, doesn't have an ID */ 
nodeArray[getID(e)] = { ... }; // still works 

Answer 2

我建议，而不是使用数组为了这个目的，你把DOM-的优势元素是物体：

document.getElementById('something').info = {data: 'something', fn: function() { } }; 

但是，您可能最终会遇到某些旧浏览器中的内存泄漏问题（请参阅：ie6）。如果你使用jQuery的数据存储，而不是被固定：

$("#something").data("info", {data: 'something', fn: function() { } });