Can not target a textarea placeholder?

Question

My code runs through all components in my form, looping through each one. 
```javascript
// selects all form elements
var $inputs = $('form, #create-advert-form').find("input, select, button");
// loops through each element
$inputs.each(function () {
```
If required, the components text is modified to add a - '•'. This all works!
```javascript
    // if required
    if ($(this).prop('required')) {
        // add • to current text
        var $currentText = $(this).siblings('label').text();
        var $updatedText = $(this).siblings('label').text($currentText + ' •');
```
This is where the problem starts. Trying to select a textarea placeholder returns the error:
Uncaught TypeError: $(...).is(...).attr is not a function(anonymous function) @ scripts.js:111n.extend.each @ jquery-1.12.0.min.js:2n.fn.n.each @ jquery-1.12.0.min.js:2(anonymous function) @ scripts.js:103
```javascript
        // add • to textarea placeholder
        var $currentTextArea = $(this).is('textarea').attr('placeholder');
        var $updatedTextArea = $(this).is('textarea').attr('placeholder', $currentTextArea + ' •');
    }
});
```
Thanks for any suggestions!

Steven Parker · Accepted Answer

A couple of things strike me right off:
$.is() returns true or false, so you can't chain it with $.attr(),
'texarea' is not a valid element selector, you might want .is('[type="textarea"]').

Welcome to the Treehouse Community

Looking to learn something new?

James Moran

James Moran

Can not target a textarea placeholder?

1 Answer

Steven Parker

Steven Parker

James Moran

James Moran