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

在页面上抽取每个用户名的实时状态

1 个答案: