mootools中取得dom索引得问题

jQuery中获取dom在同级元素得索引是这样的$('li').click(function(){
  alert($(this).index())
})mootools 中，怎么实现呢？

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>    <script type="text/javascript" src="script/mootools-1.2.4-core-yc.js"></script></head>
    <body>
        <dir>
            <li>Art</li>
            <li>History</li>
            <li>Literature</li>
            <li>Sports</li>
            <li>Entertainment</li>
            <li>Science</li>
        </dir>
        ------------------------
        <dir>
            <li>Art</li>
            <li>History</li>
            <li>Literature</li>
            <li>Sports</li>
            <li>Entertainment</li>
            <li>Science</li>
            <dir>
                <li>Art</li>
                <li>History</li>
                <li>Literature</li>
                <li>Sports</li>
                <li>Entertainment</li>
                <li>Science</li>
            </dir>
        </dir>
    </body><script type="text/javascript">    window.addEvent("domready", function() {        $$("li").each(function(item, index) {
                item.set("text", getIndex(item, item.getParent()) + "." + item.get("text"));
            })
        })
        function getIndex(item, parent) {
            var siblings = parent.getChildren();
            for (var i = 0; i < siblings.length; i++) {
                if (siblings[i] == item) {                return i;
                }
            }
        }
        
    </script></html>
      

  2.   

    $$('li').each(function(i){
    alert(i)
    })