css - Webdriver.io 如何根据页面上类似元素的数量选择和更改元素

标签 css selenium-webdriver xpath css-selectors webdriver-io

我想要一种方法来选择这个 named-source-add div 中的 udp-address-input 字段。我遇到的问题是 udp-address-input-<+id> 元素根据添加了多少命名源而具有不同的编号。 named-source-add div 中始终只有 1 个 udp-address-input-<+id> 所以我想知道是否可以限制我在该 div 中的搜索?

<div id="named-source-add" class="named-div">

<input type="text" class="table-cell" data-bind="textInput: address, attr: 
{id: 'udp-address-input-'+id, readonly: readonly, required: role() == 
'destination'}" id="udp-address-input-18">

</div>

最佳答案

我使用了 xpath,只在 named-source-add div 中查找 ID 以 udp-address-input 开头的输入。

//div[@id='named-source-add']//input[contains(@id,'udp-address-input')]

而且我必须添加斜杠才能使其与我的 javascript webdriverio 页面对象一起使用,如下所示:

udpMulticastAddr:{ get() { return '//div[@id=\'named-source-add\']//input[contains(@id,\'udp-address-input\')]';}},

关于css - Webdriver.io 如何根据页面上类似元素的数量选择和更改元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50981330/

相关文章:

sql - SQL Server 中 XML 类型列的 XPATH 查询

javascript - 需要在页面的某个部分禁用样式

html - div 中的背景图片不起作用(包括视频)

python - 如何在登录的 selenium 中执行类而不是打开新的 chrome 实例?

python - 让selenium从输入框中选择一个数字python

java - 如何使用 Selenium 和 Java 打印从网页获取的带有空格分隔符的提取文本

java - 如何捕获亚马逊产品selenium的xpath

php - iPad 和 iPhone 上未显示 body 背景图片

javascript - 如何将样式添加到最初为空列表中的动态生成的列表项

java - 如何仅使用 session ID 或现有 webdriver session 的 cookie 来获取 webdriver 对象