このDIV内の入力にプレースホルダ属性を追加したいが、それを見つけることができるユニークなプロパティがない

Question

Squarespaceで許可されていないため、JSとJqueryのみを使用できるため、HTMLを直接編集できない。

$("#field city :input").attr('placeholder', 'City'); 

私はこれを使用してみましたが、それは事前

で

<div class="field city"> 
       <label class="caption"><input class="field-element field-control" name="" x-autocompletetype="" type="text" spellcheck="false" data title=""> 
       </label> 
       </div> 

おかげ

Answer 1

あなたのセレクタが提供されるHTMLのために正しくないと動作しません。

これは動作します：あなたが提供されるHTMLと

$(".field.city .field-element").attr('placeholder', 'City') 

Fiddle

Answer 2

チェックthis js fiddle ..

<div class="field city"> 
    <label class="caption"><input class="field-element field-control" name="" x-autocompletetype="" type="text" spellcheck="false" data title=""> 
    </label> 
</div> 
<script> 
    document.getElementsByClassName('field-element')[0].placeholder='city' 
</script>