實時更新jQuery的更改值

Question

我有一個包含元素編號的跨度（在這種情況下，它計算列表中的元素數），這些列表項可以被刪除，因此編號會改變，我怎麼能每次更新列表時更新數字？

這是我使用計數列表項

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

我都看着谷歌代碼，但我沒有發現任何東西。

Answer 1

你的li元素是如何創建或刪除的？您需要觸發該事件的計數更新。您可以利用jQuery的能力來創建/觸發bind和trigger的自定義事件。

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

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

另一個（和不那麼好）的選擇是運行在頁面上的計時器，並檢查的列表元素的變化＃ - 但是這將是非常耗費資源，我不會做，除非這是最後的手段。

Answer 2

根據您的列表長度改變的頻率，您可能需要查看jQuery的Data-Link插件。

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