量角器:我如何获得下一个标签

Question

是否有可能在另一个元素之后得到一个元素？(不是子元素)

HTML代码:

<input id="first-input" type="text"/>
<ul>
    <li>1</li>
    <li>2</li>
</ul>
<input id="second-input" type="text"/>
<ul>
    <li>1</li>
    <li>2</li>
</ul>
<input id="third-input" type="text"/>
<ul>
    <li>1</li>
    <li>2</li>
</ul>

我怎样才能得到ul以下内容element(by.id('second-input'))？

这是我的理解:

element(by.id('second-input')).element(by.tagName('ul')) // This doesn't work because this looks for sub-elements in <input id="second-input">
element.all(by.tagName('ul')).first() // This doesn't work because it gets the 'ul' following <input id="first-input">
element(by.id('second-input')).element.all(by.tagName('ul')) // This doesn't work because this looks for all 'ul' elements as sub-elements of <input id="second-input">

就我而言,这些'ul'没有独特的ID,或者任何独特的东西.

Answer 1

您可以使用by.xpath()并要求以下ul兄弟:

element(by.id('second-input')).element(by.xpath('following-sibling::ul'));

或者,一气呵成:

element(by.xpath('//input[@id="second-input"]/following-sibling::ul'));

另一个选择是by.css()与相邻的兄弟选择器一起使用:

element(by.css('#second-input + ul'));