How do I access the value of an HTML attribute from within CoffeeScript?

Question

I am using the summernote WYSIWYG editor along with SimpleForm.

So this form field:

<%= f.input :description, as: :summernote, placeholder: "Enter the description of the Job (e.g. 'Product Manager', 'Senior Ruby on Rails Developer')" %>

Generates the following HTML:

<textarea class="summernote optional" placeholder="Enter the description of the Job (e.g. 'Product Manager', 'Senior Ruby on Rails Developer')" data-provider="summernote" name="job[description]" id="job_description" style="display: none;"></textarea>

My SummerNote JS is executed as follows:

ready = ->
  $('[data-provider="summernote"]').each ->
    $(this).summernote(height: 300, toolbar: [['style', ['bold', 'italic', 'underline', 'clear', 'fontname', 'fontsize', 'color']],
    ['font', ['strikethrough', 'superscript', 'subscript']], ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']], ['insert', ['link', 'table', 'hr']]], placeholder: "Some placeholder copy")

$(document).ready(ready)
$(document).on('turbolinks:load', ready)

However, instead of the Some placeholder copy, I would like to pull the value that is specified in the form (i.e. the placeholder in the <textarea> field).

How do I do that?

Flambino · Accepted Answer · 2016-06-20 00:36:09Z

1

$(this).attr "placeholder" # => the attribute value

It's basic jQuery. this is the textarea, and .attr is the jQuery method for reading/writing attribute values.

answered Jun 20, 2016 at 0:36

Flambino

18.9k2 gold badges44 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

marcamillion Over a year ago

Perfect. Just what I was looking for. Thanks!

Exinferis Over a year ago

$(@), to match coffeescript style anstead of $(this)

Flambino Over a year ago

@Exinferis Both are valid. Personally, I prefer to use this when I'm just referring to the object itself, and @something when referring to a property/method. Personal preference, sure, but I just think @ looks odd by itself.

Collectives™ on Stack Overflow

How do I access the value of an HTML attribute from within CoffeeScript?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related