需要帮助为 selenium webdriver 的单选按钮组创建 CSS 选择器

Question

下面是 html 代码，我需要帮助来创建 CSS 选择器，我尝试使用 xpath 但页面上的某些控件是动态的，这使得 xpath 在每个其他控件选择上都不同。

<buttons-radio class="btn-group form-100 form-right ng-isolate-scope" options="trueFalseOptions" model="vehicle.CustomEquipment" data-toggle="buttons-radio">
  <label class="btn btn-default btn-sm form-50 ng-scope ng-binding" analytics-event="primary driver Yes" analytics-on="click" ng-click="activate(option)" ng-repeat="option in options" ng-class="{active: isActive(option)}">Yes </label>
  <label class="btn btn-default btn-sm form-50 ng-scope ng-binding active" analytics-event="primary driver No" analytics-on="click" ng-click="activate(option)" ng-repeat="option in options" ng-class="{active: isActive(option)}">No </label>

Answer 1

我假设您想 在 'buttons-radio' 元素下找到 'Yes' and/or 'No' 标签。 下面的 css-选择器应该适合你：

1- 对于 'Yes':

buttons-radio[model='vehicle.CustomEquipment'] label:nth-of-type(1)

2- 对于 'No':

buttons-radio[model='vehicle.CustomEquipment'] label:nth-of-type(2)

如果您不一定要使用 css-选择器，您可以使用 xpath，或者，如下所示：

1- 对于 'Yes':

//buttons-radio[@model='vehicle.CustomEquipment']/label[contains(text(),'Yes')]

2- 对于 'No':

//buttons-radio[@model='vehicle.CustomEquipment']/label[contains(text(),'No')]

需要帮助为 selenium webdriver 的单选按钮组创建 CSS 选择器

Need help in creating CSS selector for radiobutton group for selenium webdriver

selenium

css-selectors