选择列表的最后一个元素

Question

试图选择列表的最后一个元素，我无法掌握getElements的基本原理，这里是html代码

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

看到这个选择器：

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应该返回数组的最后一个元素，是吗？

Answer 1

许多mootools函数在应用于数组时，会将该函数应用于该数组中的每个元素。

$$返回一个数组。所以＆＃39;主要＆＃39;是一个数组

getElements（＆＃39; li＆＃39;），在Array上调用时，会在该Array的每个元素上调用自身。所以现在你已经有了一个数组阵列。 （实际上，他们是Elements个对象，但是请忽略它们。

main.getElements（＆＃39; li＆＃39;）。getLast（）返回该数组数组中的最后一个数组，这就是为什么你仍然得到一个数组而不是一个元素。

换句话说，main.getElements('li').getLast()相当于：main.getLast().getElements('li')。