Использование селекторов CSS для доступа к определенным строкам таблицы с селеном

Question

Если у меня есть следующий HTML-код:

<tbody id="items">
<tr><td>Item 1</td></tr>
<tr><td>Item 2</td></tr>
<tr><td>Item 3</td></tr>
<tr><td>Item 4</td></tr>
<tr><td>Item 5</td></tr>
<tr><td>Item 6</td></tr>
</tbody>

Как бы я использовал селекторы CSS с Selenium для доступа к элементу 4 (или действительно к любому элементу, который я хотел)?

Answer 1

Вы можете использовать селектор nth-child:

#items tr:nth-child(4) {color:#F00;}

Пример в реальном времени: https://jsfiddle.net/7ow15mv2/1/

Но не знаю, работает ли он с Selenium.

Но согласно документации это должно быть.

В настоящее время локатор селекторов css поддерживает все селекторы css1, css2 и css3, кроме пространства имен в css3, некоторые псевдоклассы (: nth-of-type,: nth-last-of-type,: first-of-type,: last -of-type,: only-of-type,: visit,: hover,: active,: focus,: indeterminate) и псевдоэлементы (:: first-line, :: first-letter, :: selection, :: before , ::после).

Answer 2

вы можете попробовать это для поиска по любому внутреннему тексту

css=td:contains('Item 4')

нашел это полезным: http://saucelabs.com/blog/index.php/2010/01/selenium-totw-css-selectors-in-selenium-demystified/

Answer 3

Вы можете использовать xpath, чтобы найти его несколькими различными способами, но самый простой из них:

//td[text()='Item 4']

Answer 4

selenium.getText("css=table>tbody[id=items]>tr:nth-child(3)>td(3)");

Answer 5

Хотите выбрать по содержанию («Элемент 4»)? По позиции (4-й ряд)? Или это <tr id="foo"> и выбрав тр # Foo> тд вариант?