抽搐页面上的每个用户名的活动状态 [英] Twitch live status of each username on the page

问题描述

我要显示在我的锚链接抽搐用户名是否是在线还是离线。问题是，我会在网站上多个用户名，和我的code只适用于第一个。

I want to display whether a twitch username in my anchor link is online or offline. The problem is that I will have multiple usernames on the website, and my code only works for the first one.

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：（可以更改）

This is my html: (can be changed)

<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>)

任何帮助将AP preciated。谢谢你。

Any help will be appreciated. Thanks.

推荐答案

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

这篇关于抽搐页面上的每个用户名的活动状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！