フォーム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> 

主な問題は、すべてのリロードでdivsの変更のIDがランダム化されていることです。したがって、casperjs ==>

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

は機能しません。

Answer 1

idは常に変更されるため、代替要素selectorを使用してこの要素をターゲティングする必要があります。クラス、タグ名、またはそれらの組み合わせを使用できます。

これについて何

：

.wishname.feedback-panel-trigger.multiReplaceCharsInWishnamelField 

か、この：あなたは同じクラスで複数のアイテムを持っている場合

.item.wishname > .input > input 

あなたは正しいものを得るために反復処理しようとすることができます。