我想將占位符屬性添加到此DIV中的輸入中，但是它沒有可用來定位的唯一屬性

Question

我無法直接編輯HTML，因為Squarespace不允許這樣做，只能使用JS和Jquery。

$("#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不正確。

這有效：

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

小提琴

Answer 2

檢查這個js小提琴 ..

<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>