javascript - 原型(prototype) $ 奇怪的行为

Question

当我尝试使用原型(prototype)的 $ 函数通过 id 获取一个元素时，我得到了一个空对象，并得到了这个奇怪的行为:

document.observe('dom:loaded', function() {
  $$('.answer').each(function(answer) {
    console.log('answer.id: ' + answer.id);
    console.log('$(answer.id): ' + $(answer.id)); # works, so the element does exists
    console.log("$('answer_73'): " + $('answer_73')); # this doesn't, why?..
    console.log(' ');
  }); 
});

div 是这样的:

<div id="answer_73" class="answer"> ...

没有标记错误

日志:

....
answer.id: answer_73
$(answer.id): [对象 HTMLDivElement]
$('answer_73'): 空
....

已更新

很抱歉，终于我发现哪里出了问题..这只是一种类型:

<div class="answer" id="answer_<%= answer.id %> " 

这是导致这种“奇怪”行为的尾随空格。可能原型(prototype)库在返回对象的 ID 时去除了尾部 ID，因此在第一种情况下不会发生错误。

Answer 1

我敢跟你打赌，你的文档中有两个 id 为 answer_73 的元素。