Question

我正在尝试访问“ div.question.question-dropdown input”的第二个实例。我尝试合并典型的:nth-child()和:nth-last-child()类型的伪选择器，但是它们被忽略了。下面是我要实现的JS代码；但将唯一的Data添加到第二个实例（但找不到唯一选择的方法）。

                .waitForElementVisible("div.question.question-dropdown input",400)
                .click('div.question.question-dropdown input')

                .setValue('div.question.question-dropdown input', Data.CreateOpp.motivation)

                .pause(500)

                .waitForElementVisible("div.question.question-dropdown input",400)

                .click('div.question.question-dropdown input')

                .setValue('div.question.question-dropdown input', Data.CreateOpp.motivation)

                .pause(500)

                .click('div.question-btn.question-btn-submit')

标记是2个div.question.question-dropdown中的2个不同的输入表单字段。

<!-- first -->
<div class="question question-dropdown">
    <div class="smart-input">
       <label></label>
       <input>
    </div>
</div>
<!-- second -->
<div class="question question-dropdown">
    <div class="smart-input">
       <label></label>
       <input>
    </div>
</div>

Answer 1

我认为第n个选择器应该可以工作：

"div.question.question-dropdown:nth-of-type(2) input"

但是，如果没有，您可以尝试XPath：

"(//div[@class="question question-dropdown"])[1]//input"

访问元素的第二个实例以调用不同的数据

1 个答案: