type()选择第二个元素/类

Question

我正试图用"nxcard"；类

这是页面结构：

<div>
<div class="nxcard">
<h3>Lorem ipsum dolor sit amet.</h3>
<form>
<input type="number" />
<input type="text" />
</form>
</div>
<div class="nxcard">
<h3>Lorem ipsum dolor sit amet.</h3>
<form>
<input type="number" />
<input type="text" />
</form>
</div>
<div class="nxcard">
<h3>Lorem ipsum dolor sit amet.</h3>
<form>
<input type="number" />
<!-- the input I want to select using pupeteer : -->
<input type="text" />
</form>
</div>
</div>

这是原始代码(如果没有木偶师我会怎么做(

const loginCard = document.getElementsByClassName("nxCard")[2];
const loginForm = loginCard.getElementsByTagName("form")[0];
const loginUserName = loginForm.getElementsByTagName("input")[1];
loginUserName.value = "user1";

这就是我如何尝试使用木偶师做同样的事情

await page.type(".nxcard[2] form input[1]", "user1");

Answer 1

我能够使用以下css选择器来解决它

await page.type(".nxcard:last-child input:nth-child(1)" , "user1")

src:https://www.w3schools.com/cssref/css_selectors.asp