nextElement

Overview

Use the nextElement command to get the next sibling element of the selected DOM element.

Usage

await browser.$(selector).nextElement();

Usage Examples

index.html

<div class="parent">
    <p>Sibling One</p>
    <p>Sibling Two</p>
    <p>Sibling Three</p>
</div>

nextElement.js

it("should get text from next sibling element", async ({ browser }) => {
    const elem = await browser.$$("p");
    const nextElement = await elem[1].nextElement();

    console.log(await nextElement.getText()); // outputs: "Sibling Three"
});

Related Commands

• parentElement
• previousElement

References

We'd like to give credit to the original WebdriverIO docs article, from which we drew some information while writing our version.