抽動頁面上每個用戶名的實時狀態

Question

我想顯示我的錨鏈接中的抽搐用戶名是否在線或離線。問題是我將在網站上有多個用戶名，而我的代碼只適用於第一個。

var tnick = $('#ltwitch').data('tnick'); 
$.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+".json?callback=?", function(c) { 
    if (c.stream == null) { 
     $("#live").html("Offline"); 
    } else { 
     $("#live").html("Online"); 
    } 
}); 

這是我的html：（可以更改）

<a id="ltwitch" href="#" data-tnick="name1">x</a> (<span id="live">...</span>) 
<a id="ltwitch" href="#" data-tnick="name2">x</a> (<span id="live">...</span>) 

任何幫助將不勝感激。謝謝。

Answer 1

http://jsfiddle.net/LYv3R/5/

jQuery(document).ready(function($) { 
$('.ltwitch').each(function() { 
    var tnick = $(this).data('tnick'); 
    var span = $(this).next(); 
    $.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+".json?callback=?",  function(c) { 
     if (c.stream == null) { 
      span.html("Offline"); 
     } else { 
      span.html("Online"); 
     } 
    }); 
}); 
});