0

適切なjqueryで値のテーブルを反復処理し、次の計算を実行するのに少し苦労しています...

クラス入力を含む 1 行のユーザー入力があるか、配列である可能性があります。

次に、class = par の par 値の 1 つの行は、配列になる可能性があります。穴の結果 ( par-strokes ) の 1 つの行。

次に、クラス rtot を持つ行の最後の td に合計を入れたいと思います。

どんな助けでも大歓迎です！

http://jsfiddle.net/ZGTHz/1/

<style>
table { border:1px solid #ccc; border-collapse:collapse; width:600px; }
td {border:1px solid #ccc; padding:3px 5px 3px 3px; text-align:center; height:24px; }
.name{ font-weight:bold; }
#s1{ color:#ccc; }
.par2 { display:none; }
</style>

<table>

<tr id="par"><td class="nd name"></td><td class="par">4</td><td class="par">3</td><td class="par">5</td><td class="par">3</td><td class="par">5</td><td class="par">4</td><td class="par">2</td><td class="par">3</td><td class="par">4</td><td class="par">3</td><td class="par">5</td><td class="par">3</td><td class="par">5</td><td class="par">4</td><td class="par">2</td><td class="par">3</td><td class="par par2">4</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">4</td><td class="par par2">2</td><td class="par par2">3</td><td class="par par2">4</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">4</td><td class="par par2">2</td><td class="par par2">3</td><td class="nd"></td></tr>

<tr class="r"><td class="nd name">Smith / Williams</td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="nd rtot"></td></tr>

<tr class="s"><td class="nd name">User input</td><td class="input">3</td><td class="input">4</td><td class="input">4</td><td class="input">2</td><td class="input">4</td><td class="input">3</td><td class="input">1</td><td class="input">2</td><td class="input">3</td><td class="input">2</td><td class="input">4</td><td class="input">2</td><td class="input">4</td><td class="input">3</td><td class="input">1</td><td class="input">2</td><td class="nd rtot"></td></tr>

<tr><td class="nd name">Smith / Williams</td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="nd rtot"></td>
</tr>

<tr class="s"><td class="nd name">User input</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="nd"></td></tr>

</table>

<script>

$(document).ready(function() {

var sum = 0;

$('tr .input').each(function () {

    var ind = $('.input').index(this);
    var par = Number($('.par').eq(ind).html());
    var sc = Number($('.input').eq(ind).html());
    var tot = sc-par;
    sum += tot;
    $('.val').eq(ind).html(sum);

});

});


</script>
4

2 に答える 2

1 
$(document).ready(function () {
    var sum1 = 0;
    var sum2 = 0;
    $('tr .par').each(function (ind) {

        var par = Number($('.par').eq(ind).html());
        var sc1 = Number($('.t1 .input').eq(ind).html());
        var sc2 = Number($('.t2 .input').eq(ind).html());
        var tot1 = sc1 - par;
        $('.t1 .val').eq(ind).html(tot1);
        var tot2 = sc2 - par;
        $('.t2 .val').eq(ind).html(tot2);

        sum1 += tot1;
        sum2 += tot2;
    });

    $('.t1 .rtot').html(sum1);
    $('.t2 .rtot').html(sum2);

});

ここにあなたのフィドルの背後にあるhtmlがあります: http://jsfiddle.net/wVtjz/

于 2013-05-13T21:31:27.620 に答える