シンプルな 5 つ星投票システムを作成しており、href 要素の数値を取得しようとしています。HTML はうまく機能しますが、クリック イベントの数値を取得する方法がわかりません。
HTML は次のようになります。
<div id="voting">
<span class="rating_container">
<span class="star_container">
<a href="#" class="star star_1" >1<span class="rating">Terrible</span></a>
<a href="#" class="star star_2" >2<span class="rating">Bad</span></a>
<a href="#" class="star star_3" >3<span class="rating">OK</span></a>
<a href="#" class="star star_4" >4<span class="rating">Good</span></a>
<a href="#" class="star star_5" >5<span class="rating">Great</span></a>
</span>
</span>
</div>
私のjQueryクリックイベントは次のようになります:
$('.star').click(function(e) {
e.preventDefault();
// How can I get the numeric value of the clicked star (e.g., 5,6,7 etc)
});