javascript - 页面上每个用户名的 Twitch 实时状态

Question

我想显示我的锚链接中的 twitch 用户名是在线还是离线。问题是我将在网站上有多个用户名，而我的代码仅适用于第一个。

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");
        }
    });
});
});