Javascript 获取<；李>；当它被点击时

我有一张单子。当用户使用prototype单击文本时，我试图获取列表的上下文。但此代码不会提醒消息。代码有什么问题

代码可以在这里看到：

JavaScript:

$$('ul#myList2 li').each(function(elmt) { 
    elmt.observe('click', function(ev) {
        var  tab;
        tab = elmt.down('a').readAttribute('href');
        alert("entered");    
    });  
}); 

标记：

<ul id="myList2">
    <li>
     <a href="javascript:;" class="" >text1</a>
    </li>
    <li>
     <a href="javascript:;" class="" >text2</a>
    </li>
    <li>
     <a href="javascript:;" class="" >text3</a>
    </li>
</ul>

或者这个

$('document').ready(function() {
    $('#myList2 li').on('click', function(el) {
        console.log(el.target);
        var cont = $(el.target).html();
        alert(cont);
    });
});

---

应该这样。您是否在DOM就绪后运行JavaScript？测试链接在这里：您没有在DOM就绪上运行代码。脚本运行时，元素不存在。OP使用的是PrototypeJS，而不是jQuery。