Selektor CSS (identyfikator zawiera część tekstu)

92

Mam pytanie. Mam takie elementy:

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

<a> element z id = someGenerated Some: Same: 0: sename

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

<a> element z id = someGenerated Some: Same: 1: sername

Potrzebuję selektora CSS, aby uzyskać nazwy. Problem w tym, że nie wiem, jak to zdobyć. Próbowałem a[id*='Some:Same']- zwróciło wszystkie <a>elementy. Po uzyskaniu elementów, których id kończy się na nazwę. Ale nie podoba mi się ten pomysł. Myślę, że da się to zrobić jakimś innym selektorem.

css css-selectors webdriver

— TarasLviv
źródło

Czy mógłbyś dodać prawdziwe przykłady <a>tagów, które chcesz wybrać, i tych, których nie chcesz. Łatwiej będzie pomóc zobaczyć prawdziwy kod.

— andyb

Nie mogę dodać prawdziwego przykładu z powodu polityki poufności :(

— TarasLviv

Ale mogę to wyjaśnić w inny sposób. Atrybuty Id zawierają dalej: niektóre wygenerowane znaki + kilka znaków statycznych +: elementIndexInTable: + nazwa kolumny w tabeli

— TarasLviv

A jakie są kryteria dla tych, których chcesz?

— Tarken

144

Spróbuj tego:

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

W ten sposób otrzymasz wszystkie aelementy zawierające id

Niektórzy: to samo

i mieć identyfikator kończący się na

Nazwa

— CosminO
źródło

Cóż, id * nie działał dla mnie i powiedział, że nie można go ocenić na element sieciowy. Użyłem go do znalezienia elementu iframe, który ma id like <constant><variable><constant>name. //driver.findElements(By.xpath("//iframe[contains(@id*,'FrameID')]")).size();gdzie FrameID jest częścią początkową. W każdym razie załatwił //a[contains(@id,'Some:Same') and contains(@id,'name')]mi sprawę. Więc dawaj +1 swojemu koledze.

— anujin

2

Powinieneś usunąć selektor XPath z tej odpowiedzi, nie dodaje niczego i tylko mętnieje wody

— Liam

1

@CosminO Czy potrzebujesz *następnej id?

— cokedude

@cokedude operator * = oznacza, że musi zawierać co najmniej wartość po operatorze. Działa w połączeniu z drugim warunkiem, że musi kończyć się czymś innym, używając operatora $ = Zobacz to, aby uzyskać szczegółowe wyjaśnienie w3schools.com/css/css_attribute_selectors.asp Krótka odpowiedź. Znak * nie znajduje się obok id, jest obok = i tworzy operator o specjalnym znaczeniu

— CosminO

21

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

Operator ^ - Dopasuj elementy, które zaczynają się od podanej wartości

div[id^="element_123"] {

}

Operator $ - Dopasuj elementy, które kończą się podaną wartością

div[id$="wrapper_text"] {

}

Operator * - Dopasuj elementy, które mają atrybut zawierający daną wartość

div[id*="wrapper_text"] {

}

— Edicarlos Lopes
źródło

8

Jedyny selektor, jaki widzę, to a[id$="name"](wszystkie linki z identyfikatorem kończące się na „nazwa”), ale nie jest tak restrykcyjny, jak powinien.

— LeBen
źródło