Javascript 根据Twitch频道是否处于活动状态更改图像

好的，基本上我想在一个频道上线时改变一个图像。这是我正在使用的HTML

<img src="img/portfolio/knarf.png" class="img-responsive" class="2twitch2" href="http://www.twitch.tv/NotKnarf" data-tnick="notknarf">

}))

我只是想让它在末尾添加live.png。我以为这会奏效，但我只是得到了相同的图像，好像它在上线时没有改变任何东西

---

有什么想法吗？

您必须在

img

中只声明一次

class

属性：

---

…
您确定JSON请求URL正确吗？当我尝试时，我收到了一个不好的请求；不过，这似乎很有效。我使用的是.json？回调=？为了让它只寻找流是否在线，它并不是真正地抓住链接，它只是让代码知道寻找某个特定的东西。相反，我将其设置为只查找流“online”或“null”，然后返回该流。api.twitch.tv/karaken/streams/[username]返回大量无用的垃圾：DIt在直播中仍然没有更改：/n您是否收到任何错误消息？它是否正确获取
c.stream
？或者它只是不改变
img
src
？
jQuery(document).ready(function ($) {
$('.2twitch2').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) {
            var src = $(this).attr("src").replace("live.png", ".png");
            $(this).attr("src", src);
        } else {
            var src = $(this).attr("src").match(/[^\.]+/) + "live.png";
            $(this).attr("src", src);
        }
    });
});