javascript - 以编程方式触发单击 Angular/JavaScript 中列表的单个元素

Question

我正在编写一个测试，我想点击列表中的第二个项目并检查是否发生了变化。

我有一个项目符号列表元素:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

我尝试了以下(元素 是包含整个列表的 Angular 元素):

var li = element.find('li');

li.triggerHandler('click'); //Clicks all elements
li[1].triggerHandler('click'); //Error: li[1].triggerHandler is not a function

这些都不起作用。第一次尝试点击所有项目，第二次尝试抛出错误。

任何想法如何只触发点击第二个项目？

Answer 1

triggerHandler 仅适用于 jQuery(或内置 jqLit​​e)元素。 element.find 返回一个 jQuery 元素 (li) 但 li[1] is a DOM node ，而不是 jQuery 包装元素。您可以使用 element.find('li:eq(1)')(如果您使用 jQuery)或 element.find('li').eq(1) (使用内置的 jqLit​​e)代替。