选择列表的最后一个元素

Question

试图select列表的最后一个元素，我无法掌握getElements的基础知识，这是html代码

<section class="main">
<ul>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Consectetur adipisicing.</li>
    <li>Lorem ipsum dolor</li>
</ul>
</section>

查看此 select或：

main = $$('section.main') // ok
main.getElements('li').getFirst() // .getFirst is not a function
main.getElements('li').getLast() // Object [ li, li, li, li, li, li ]
main.getElements('ul').getLast('li') // Object [ ul ]
main.getElement('ul').getElements('li').getLast().getLast() // li, Works!!

getLast 应该 return 数组的最后一个元素，是吗？

Answer 1

很多 mootools 函数，当应用于一个数组时，将该函数应用于该数组中的每个元素。

$$ returns 一个数组。所以 'main' 是一个数组

getElements('li') 在数组上调用时，会在该数组的每个元素上调用自身。所以现在你有了一个数组的数组。（实际上，它们是 Elements 个对象，但让我们忽略它）

main.getElements('li').getLast() returns 你是那个数组数组中的最后一个数组，这就是为什么你仍然得到一个数组而不是一个元素.

换句话说，main.getElements('li').getLast()等同于：main.getLast().getElements('li').

选择列表的最后一个元素

Selecting last element of a list

mootools