javascript - 如何使用 jQuery 从子类中获取值

Question

我正在创建一个简单的 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)

});

Answer 1

这样做:

var n = this.firstChild.data;

或者这个:

var n = this.className.split("_")[1];

---

如果您需要将字符串转换为数字，请添加:

n = parseInt(n, 10);