2

私は持っています

<div id="english">
   <ul>
        <li>English</li>
        <li>Instructor Name</li>
        <li class="grade">85</li>
   </ul>
</div>

<div id="math">
    <ul>
        <li>Math</li>
        <li>Instructor Name</li>
        <li class="grade">80</li>
    </ul>
</div>

<div id="science">
    <ul>
        <li>Science</li>
        <li>Instructor Name</li>
        <li class="grade">90</li>
    </ul>
</div>
<p id="grade-sum">Sum of grade here</p>

私の質問は、jqueryを使用してそのクラスの成績の合計を取得する方法です。合計は255である必要があります。

4

3 に答える 3

6 
$(function() {
    var sum = 0;
    $('li.grade').each(function(){
        sum += parseInt(this.innerHTML, 10)
    })

    $('#grade-sum').text(sum);
})
于 2012-10-31T06:57:47.257 に答える
2

jQueryを使用すると、簡単に反復して合計を取得できます。

​$(document).ready(function(){
    total_grade = 0;
    $('.grade').each(function(){
        total_grade += parseInt($(this).text());
    })

   $('#grade-sum').text(total_grade);
});​

このフィドルをチェックしてください

于 2012-10-31T06:58:19.160 に答える
-1 
var sum = 0;
$("li.grade").each(function(index, element){
  sum += parseInt($(element).text());
});
console.log(sum);
alert(sum);

$('#grade-sum').text(sum)
于 2012-10-31T06:57:56.007 に答える