Question

假设我尝试在YUI3中选择节点列表的最后一个子节点：

var node = Y.one('#node');
node.all('button').last();   // pseudo-code, not actually working!

YUI3中是否有等同于jquery的last()（以及first()）？

我检查了API docs并没有发现任何可比性。

node.one('button:last-child')

也没有做好这份工作。

Answer 1

one('button:last-child')

应该有效。请参阅this示例。但是，:last-child指的是其父级的最后一个子级，因此它高度依赖于您的DOM结构。

<ul>
    <li><button>Foo</button></li>
    <li><button>Bar</button></li>
    <li><button>Baz</button></li>
</ul>
<script>
Y.one('button:last-child'); // yields <button>Foo</button>
// should be written like so
Y.one('li:last-child button');
</script>

Answer 2

我无法看到一个，但这似乎可以完成这项工作：

var links=Y.all("a"),
lastLink=links.item(links.size()-1)

有关详情，请参阅http://yuilibrary.com/yui/docs/api/classes/NodeList.html#method_item

YUI NodeList中有last（）吗？

2 个答案: