Jquery返回带有span标记的NaN

时间:2013-10-24 19:04:58

标签: jquery html css slider nan

我正在尝试使用非常简单的平均系统,但无论出于何种原因,Jquery都不会返回span标记中的值。

<span class="rating"></span>

这是我的小提琴。 http://jsfiddle.net/uTuYH/1/

4 个答案:

答案 0 :(得分:1)

如果有任何内容,您应该使用数据属性。您正在将值应用于不支持该元素的元素,或者我应该说它是非常规用法,因为从技术上讲它可能有效,但更广泛接受的做法可能先于跨度标记上的值使用。特别是因为数据属性存在并受到支持。

尝试<span class="rating" data-rating="5"></span>

然后在您的评分功能中访问

$(this).data('rating')

答案 1 :(得分:0)

试试这个:

          $(".rating").each(function () {
              var ratingValue = parseInt($(this).text(), 10);
              total = total + ratingValue;
              console.log(ratingValue);
          });

获取文字:

$(this).text()

而不是:

$(this).val()

答案 2 :(得分:0)

这不是html输入你获得的价值所以你不能使用.val(),而是使用.text()

var ratingValue = parseInt($(this).text(), 10);

http://jsfiddle.net/uTuYH/11/

答案 3 :(得分:0)

div没有名为“Value”的属性。您需要使用.text()或.html()

var ratingValue = parseInt($(this).text(), 10);

var ratingValue = parseInt($(this).text(), 10);