0

使用 jQuery,我试图在 div 类被“删除”时捕获并显示它的值。例如,我想在删除此特定元素时显示“01:20”。div class='routineTime'>01:20 /div>

另外,我想汇总并显示这些删除元素的运行总数。

我在 jsfiddle 中有一个示例,但它仅显示删除的第一个元素的“routineTime”。我需要为删除的每个元素求和并显示“routineTime”。

http://jsfiddle.net/n2learning/QfFQ9/9/

感谢任何帮助!

丹麦

4

2 回答 2

0

在您的放置事件处理程序中,您只需要迭代目标框架中所有元素的集合,而不是使用模糊选择器。

var routineTime;

$('#dropTargetframe .routineTime').each(function() {

    //Example used here, use your own time library.
    routineTime += Foo.GetTimeValue($(this).html()); 

});

$('#calcTime').text(routineTime);
于 2012-05-01T22:05:48.417 回答
0

您需要为可放置部分内的所有已放置元素实现一个迭代器。

    drop: function(event, ui) {
        $('#info').find("h1").remove();

        var tmp, routineTime = [0, 0];
        $('.routineTime', $(this)).each (function () {
            tmp = $(this).text().split(':');

            if ($.trim(tmp[0]) == '') tmp[0] = 0;

            routineTime [0] += parseInt(tmp[0], 10);
            routineTime [1] += parseInt(tmp[1], 10);               
        });

        routineTime [0] += parseInt(routineTime [1]/60);
        routineTime [1] = routineTime[1]%60;

        $('#calcTime').html(routineTime [0] + ':' + routineTime [1]);

    }

演示

addTime 逻辑有其自身的复杂性......您需要在$.each

编辑:添加了 addTime 逻辑。让我知道它是怎么回事。

于 2012-05-01T22:06:03.190 回答