具有更改表单 ID 的选择器

Question

我在选择这个输入表单和 Casperjs 中的提交按钮时遇到了一点问题。

<div id="id1d9" style="display:none"></div>
    <div class="item wishname" id="id1da">
    <!-- <div class="item wishname">-->
    <label id="id1db" for="id1a0">
        E-Mail-Wunschname
    </label>

    <div class="input" id="id1a1">
        <input class="wishname feedback-panel-trigger multiReplaceCharsInWishnamelField" autocomplete="off" maxlength="40" value="" name="wishnamePanel:wishname:subForm:alias" id="id1a0" type="text">

            <span class="btn-positioner">
                <span class="btn-wrapper btn-m btn-key">
                    <input name="wishnamePanel:wishname:subForm:checkAvailability" id="checkAvailabilityBtn" value="Prüfen" type="submit">
                </span>
            </span>

主要问题是，div 的 id 在每次随机重新加载时都会发生变化。所以 casperjs 喜欢 ==>

this.sendKeys('#id1a0 ',"Test String");

不起作用。

Answer 1

由于 id 总是变化的，您应该使用替代 selector 来定位此元素。您可以使用类、标记名称或其组合。

这个怎么样：

.wishname.feedback-panel-trigger.multiReplaceCharsInWishnamelField

或者这个：

.item.wishname > .input > input

如果您有多个相同的项目类您可以尝试迭代以找到正确的项目。

具有更改表单 ID 的选择器

Selector with changing Form IDs

javascript

css-selectors

casperjs