Tricky Selector casperjs hidden div

Question

我有一個，在我看來真的很棘手的形式。表單在每次重新加載時都會更改div的隱藏字段&。我無法找到它如何變化的模式。

這裏是該類.box.box500一個例子：

<div class="box box500" style="float:left;display:none;"> 
<span class="errorText"></span> 
<br> 
<input id="czoyNToiaWhfYlNEaDg0ZGNkVi00bUxtckxLZ2cuLiI7" type="text" name="czoyNToiaWhfYlNEaDg0ZGNkVi00bUxtckxLZ2cuLiI7" value=""> 
</div> 
<div id="boxFirma" style="display: none;margin-top: 20px;"> 
<div class="" style="float:left;left;margin-left:10px;display:none;"> 
<a name="personal"></a> 
<div style="overflow:hidden; margin-top: 20px;"> 
<div class="box box500 " style="display:none;"> 
<input id="czoyNToiaWhfYlNEaDg0ZGNkUjh3d2tOOFJFd2cuLiI7" type="text" value="" name="czoyNToiaWhfYlNEaDg0ZGNkUjh3d2tOOFJFd2cuLiI7"> 
<br> 
<span class="errorText"></span> 
</div> 
<div class="box box500 " style="float: left;"> 
<input id="czoyNToiaWhfYlNEaDg0ZGNlVFpMRjFVWjZicEEuLiI7" type="hidden" value="" name="czoyNToiaWhfYlNEaDg0ZGNlVFpMRjFVWjZicEEuLiI7"> 
<input id="czoyNToiaVhxemVtUGRZOHluMkNxdE9pWEd1Y1EuLiI7" type="text" value="" name="czoyNToiaVhxemVtUGRZOHluMkNxdE9pWEd1Y1EuLiI7"> 
<br> 
<span class="errorText"></span> 
</div> 
<div class="box box502 " style="float: left;margin-left: 20px;"> 
<input id="czoxMzoiaXgtQTNQT3VWVmprLiI7" type="text" value="" name="czoxMzoiaXgtQTNQT3VWVmprLiI7"> 
<br> 
<span class="errorText"></span> 
</div> 
</div> 

有時第一隱藏DIV是存在的，有時不是。 id在每次重新加載時都會更改。隱藏的輸入有時是第一個孩子，有時是第二個，也是第二個，有時在第一個位置。我真的不知道如何識別輸入字段。

是它也許可以選擇一個輸入提起，如：

this.sendKeys('.box.box500:nth-child(2):style="float: left;" > input:nth-child(2):type="text"', 'text'); 

Answer 1

這是工作：

this.sendKeys('div.box.box500:not([style*="none"]) input[type="text"]', ...); 

Answer 2

你能不能使用選擇：

this.sendKeys('div.box.box500 input[type="text"]:not([style*="display: none"])', ...); 

我相信這會發現所有特定輸入型=「文本「無論頁面上的順序如何。