Today I try to use nth-child selector to get the last child element from a div, but I failed, and I can't get the last but the first, I don't know why?
Here is a test: HTML file: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html> <head> <title>Hello World</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="mootools-1.2.3-core.js"></script> </head> <body> <div id="test"> <div class="child" id="1"> <div class="label">1</div> <div class="content">1</div> </div> <div class="child" id="2"> <div class="label">2</div> <div class="content">2</div> </div> <div class="child" id="3"> <div class="label">3</div> <div class="content">3</div> </div> <div class="child" id="4"> <div class="label">4</div> <div class="content">4</div> </div> </div> </body> </html> Testing: Open firebug in Firefox, input below lines: >>> a = $('test') <div id="test"> >>> a.getElement(':nth-child(last)') <div class="content"> >>> a.getElement(':nth-child(last)').get('html') "1" So what I want is to get the <div class="child" id="4">, but I got <div class="content">1</div>, and I'm confused, and how to get the first level child element (<div class="child" id="4">)? -- I like python! UliPad <<The Python Editor>>: http://code.google.com/p/ulipad/ UliWeb <<simple web framework>>: http://uliwebproject.appspot.com My Blog: http://hi.baidu.com/limodou
