CODEWITHSUNDEEP
csscss-selectorswebdriver
TarasLviv
TarasLviv

Reputation: 1491

CSS selector (id contains part of text)

I have a question. I have elements something like this:

<a> element with id = someGenerated Some:Same:0:name

<a> element with id = someGenerated Some:Same:0:surname

<a> element with id = someGenerated Some:Same:1:name

<a> element with id = someGenerated Some:Same:1:surname

I need CSS selector to get names. The problem is that I don't know how to get it. I tried a[id*='Some:Same'] - it returned all <a> elements. After I can get elements which id ends with name. But I don't like this idea. I think that it can be done with some other selector.

Upvotes: 129

Views: 190848

Answers (3)

Edicarlos Lopes
Edicarlos Lopes

Reputation: 1131

<div id='element_123_wrapper_text'>My sample DIV</div>

The Operator ^ - Match elements that starts with given value

div[id^="element_123"] {

}

The Operator $ - Match elements that ends with given value

div[id$="wrapper_text"] {

}

The Operator * - Match elements that have an attribute containing a given value

div[id*="123_wrapper"] {

}

Upvotes: 67

CosminO
CosminO

Reputation: 5226

Try this:

a[id*='Some:Same'][id$='name']

This will get you all a elements with id containing

Some:Same

and have the id ending in

name

Upvotes: 194

LeBen
LeBen

Reputation: 2049

The only selector I see is a[id$="name"] (all links with id finishing by "name") but it's not as restrictive as it should.

Upvotes: 7

Related Questions