使用jquery实时更新更改值

时间:2011-05-18 13:13:43

标签: jquery text live

我有一个包含元素编号的span(在这种情况下它会计算列表中li元素的数量),这些列表项可以删除,所以数字会改变,我怎样才能每次都更新数字列表变了吗?

这是我用来计算列表项的代码

    var getTotal = jQuery('#ul li').length;
    $(".gettotal").text(getTotal);

我看过谷歌,但我没有找到任何东西。

2 个答案:

答案 0 :(得分:1)

您的li元素是如何创建或删除的?您将要触发该事件的计数更新。您可以利用jQuery的功能,使用bindtrigger创建/触发自定义事件。

$('#ul').bind('li_deleted', function()
{
    $('.gettotal').text( $('#ul li').length );
});

//and every time an li is deleted..
$('#ul').trigger('li_deleted');

另一个(并不是那么好)选项是在页面上运行一个计时器,并检查列表元素的数量是否会发生变化 - 但这将是非常耗费资源的,除非它是最后一个,否则我不会这样做胜地。

答案 1 :(得分:0)

根据列表长度的变化频率,您可能需要查看jQuery的Data-Link插件。

http://api.jquery.com/category/plugins/data-link