Rails JQuery get data from html

Question

I am attempting to use data from an html page in js.coffee script.

The view code is:

 <span class="colHeader" data-wostatus-id="<%= wostatus.id %>"><span><%= wostatus.statuscode %></span></span>

Inspecting html looks like this:

<span class="colHeader" data-wostatus-id="4"><span>WAPR</span></span>

So far, so good.

My js.coffee file has:

     alert($(this).data('wostatus-id'))

And the results I get = undefined

Thanks for the help!

What about alert($(this).getAttribute('data-wostatus-id'))? — sailor
– sailor, Commented Jan 8, 2013 at 15:50

mccannf · Accepted Answer · 2013-01-08 18:12:49Z

1

Try this in your js.coffee file. It will run only when the DOM is ready, and specifically accesses the span element:

$ ->
  alert($('span.colHeader').data('wostatus-id'))

answered Jan 8, 2013 at 18:12

mccannf

16.6k3 gold badges54 silver badges64 bronze badges

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

Comments

Darren Coxall · Accepted Answer · 2013-01-08 19:14:49Z

0

Simply use jQuery and scan the document for whatever has the id:

jQuery("[data-wostatus-id]").each (index, elm) ->
    alert(jQuery(elm).attr("data-wostatus-id"))

This presumes there are multiple 'ids' on the page (thus the each)

answered Jan 8, 2013 at 19:14

Darren Coxall

1,20811 silver badges11 bronze badges