Skip to content

Added clarity in selector paths #532

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jan 3, 2020
Merged

Added clarity in selector paths #532

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
686f052
Added clarity in selector paths
drpayyne Dec 14, 2019
0e0a514
Added clarity in selector paths
KevinBKozan Dec 20, 2019
96b7249
Grammar fixes
dobooth Jan 2, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion docs/guides/selectors.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -208,14 +208,16 @@ Here is an example of what NOT to do, but this demonstrates how the selector wor

In the BAD example above, we are specifying a very precise path to an input element in the DOM, starting from the very top of the document.

Similarly, the relative XPath selector is a double forward slash `//`. It is used to start searching for an element anywhere in the DOM.
Similarly, the relative XPath selector is a double forward slash `//`. It is used to start searching for an element anywhere in the DOM starting from the element preceedingly defined. If no element is defined before, the entire DOM is searched.

Example:

```xpath
//div[@class=’form-group’]//input[@id='user-message']
```

In the GOOD example above, all <div class='form-group'/> elements in the DOM are matched first, and then all <input id='user-message'/> with <div class='form-group'/> as one of its parents is matched. Doesn't matter if the parent is anywhere up in the parent hierarchy.

#### Parent Selectors

The parent selector (`..`) allows you to jump to the parent element.
Expand Down