Well for the last child Extended mootools array has a method called
getLast:
var last = $('test') .getChildNodes().getLast();
I think $('test') .getChildren().getLast(); might work also, or you
can try the old way:
var childs = $('test') .getChildNodes();
var last = childs(childs.lenght-1);
Alex,
On Sep 13, 4:53 am, limodou <[email protected]> wrote:
> 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
