CODEWITHSUNDEEP
javascriptjqueryhtmlweb
Alejandro Silva
Alejandro Silva

Reputation: 5

I want to add the placeholder attribute to the input within this DIV but it does not have a unique property that I could locate it with

I cannot edit the HTML directly because Squarespace does not allow that, only JS and Jquery can be used.

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

I tried using this but it doesn't work

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

Thanks in advance

Upvotes: 0

Views: 94

Answers (2)

prieston
prieston

Reputation: 1506

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

Upvotes: 0

JacobS
JacobS

Reputation: 606

Your selector is not correct for the html provided.

This works:

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

Fiddle

Upvotes: 1

Related Questions