如何使用Selenium webdriver中的cssSelector识别多个参数

Question

任何人都可以告诉我如何识别selenium webdriver中的以下元素。以下是html版本：

<select ng-model="tripDetails.destinationId" ng-change="$parent.$parent.$parent.updateTripSourceCity($index)" required="" class="ng-touched ng-dirty ng-valid-parse ng-valid ng-valid-required">

Answer 1

尝试使用以下CSS选择器

按类名识别它

select.ng-touched.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required

Answer 2

我猜这个类并不是唯一的，所以最好选择ng-model。试试这个CSS选择器：

'select[ng-model="tripDetails.destinationId"]'

Answer 3

在您的情况下，最好使用xpath搜索该特定元素。首先使用xpath搜索任何父元素，xpath位于上述元素的层次结构中，然后从该父元素搜索元素。试试这样的事情

//parent-xpath/child-xpath(mentioned element)
//div[@id='element-id']/select[@ng-model='tripDetails.destinationId']