Finding all the elements by partial css class with Selenium in Java

Question

I have seen this question, but it is not exactly what i need.

I am trying to automate 2048 using Selenium. As you start to play, the class of elements changes. The Tiles which has the value have 3, or 4 different classes with below patterns:

tile tile-1024 tile-position-1-2 
tile tile-2 tile-position-4-1 tile-new
tile tile-8 tile-position-1-4 tile-merged

I am wondering how can i find all the elements which has this pattern in their class:

tile tile-[TEIL SCORE] tile-position-[Any Number]-[Any Number]

Here is my my HTML. Sorry for image, the chrome console does not allow me to copy it without expanding it:

Update the question with the relevant text based HTML along with your code trials — undetected Selenium
– undetected Selenium, Commented Sep 29, 2018 at 18:03

undetected Selenium · Accepted Answer · 2018-09-29 18:12:35Z

1

To find all the elements as per the pattern you can use the following cssSelector:

.tile[class^='tile-'][class^='tile-position-']

answered Sep 29, 2018 at 18:12

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jeff Over a year ago

i have 1 more question. if it loads several WebElement how can i get each of these elements?

undetected Selenium Over a year ago

I am not sure how loads several WebElement (as per your comment) is different from find all the elements (as per your question) of-coarse you need to use findElements() method and possibly WebDriverWait.

Kushal Bhalaik · Accepted Answer · 2018-09-29 18:25:06Z

1

Adding regex is not possible in CSS. ONLY Available options are *,$,^. But you can search based on following, which is as per your criteria, but probably it will match almost all tiles:

div[class^='tile-'][class^='tile-position]

Instead you can be more specific by providing number and row of tile which you are specifically looking for, for ex tile having number 4 in row 2:

div[class^='tile-4'][class^='tile-position-2]

answered Sep 29, 2018 at 18:25

Kushal Bhalaik

3,4145 gold badges27 silver badges53 bronze badges

Collectives™ on Stack Overflow

Finding all the elements by partial css class with Selenium in Java

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related