erbファイルのRuby埋め込みコードの値をjQueryで取得したい

Question

実現したいこと

<p id="zandaka" class='zandaka'><%= @zandaka %></p>

.minus {
 color: red;
}

上記、@zandakaの値がマイナスだったら、pタグにaddClass('minus')して、ブラウザ上で赤文字表示したいです。

#試したこと
application.jsにて、以下のようにjQueryを書いて、
index.html.erbをブラウザで表示するたび発火するようにとやってみたのですが、
Chromeの検証モードで、zandaka = ""　と表示されます。

function akaji_check(){
    var zandaka = $("#zandaka").val();
    if(zandaka < 0){
        $('#zandaka').addClass('minus');
    }
}

Rubyの埋め込みコードは上記書き方では取得できない、ということになるのでしょうか。
もしくは、できるけれどもjQueryの記述方法が誤っていますでしょうか。
知見がおありの方、解決法をご教示いただけますとありがたいです。宜しくお願いいたします。

Answer 1

$("#zandaka").val();で取得できるものは value に設定されている値です。
$("#zandaka").text();で要素が持つテキストを文字として取得できます。

数値として受け取るにはpタグにdata属性で値をもたせて
<p id="zandaka" data-value="<%= @zandaka %>" class='zandaka'><%= @zandaka %></p>
$("#zandaka").data('value');として取得できます。

Comments

[YO14]

ご回答ありがとうございました。
意図した通りの挙動になりました。data-valueというオプションは全く知りませんで、大変勉強になりました。