Javascript 复杂的选择器casperjs隐藏div

我有一个，在我看来，非常棘手的形式。表单在每次重新加载时都会更改div、隐藏字段和id。我找不到一个模式，它是如何变化的

下面是class.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>

---

无法使用选择器：

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

我相信无论页面上的顺序如何，都可以找到所有特定输入type=“text”。

这是有效的：

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

---

“.box.box512”style=float:left；“>input type=text”不清晰。请你把它作为一个代码块，并解释这将是在哪个文件？目前它是一个具有内联样式的类。好的，我已经更新了我的帖子。其中一些帖子有时是隐藏的。请查看我的编辑。我已经在类似的代码上尝试过了，它对我很有效：）酷。我以后再试试。嗯…快开始工作了，但我有3个box500。。。我已经更新了我的初始代码

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