カスタムデータ属性について

初めて知ったカスタムデータ属性について

question_idを非同期通信にするために
jsファイルで取得できないだろうか
という時に使うのが

カスタムデータ属性らしい。

data-question-id="<%= @question.id %>

このようにすることでカスタムデータ属性が作成可能になる。

呼び出す時はjsファイル側で
getAttributeメソッドで呼び出すらしい

document.querySelector('h2[data-question-id]').getAttribute('data-question-id');