semantic-uiのratingで複数の値を取得したいです

Question

semantic-ui
https://semantic-ui.com/modules/rating.html#/settings
のratingを使って複数の値を取得したいのですが

ratingが

<div data-rating="0" class="ui star rating"></div>
<div data-rating="0" class="ui star rating"></div>
<div data-rating="0" class="ui star rating"></div>

のように複数ある場合
値を取得しようとした場合

$('.rating')
　　.rating('setting', 'onRate', function(value) {
　　console.log(value)
});

上記だと一つしか値が取得できません
それぞれの値を取得したのですが
どのような手段をとったらよろしいでしょうか
ご教授のほど宜しくお願いします

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[monker]

すいません、修正しました。ありがとうございます

Answer 1

いろいろやってみましたが、
結局カスタムデータを用意してINPUTに数値を入れることにしました

 $('.rating').on('click', function(){})
　　.rating('setting','onRate',
　　　　function (value) {
　　　　　vote = value;
　　　　　$(this).attr('data-vote',vote);    
　　　　　}
　　).on('click', function(){
　　　　　var result = $(this).data("label");
　　　　　document.getElementById(result).value = vote;
　　});

これで先に進めそうです
ご回答いただきました方ありがとうございます

Answer 2

これでどうでしょう。

$( '.rating' ).each( function() {
　　$( this ).rating( 'setting', 'onRate', function( value ) {
　　　　console.log( value );
　　} );
} );

Comments

[monker]

ご回答ありがとうございました
考え方の参考になりました