Javascript附加imdbapi

我有这个脚本，我需要修复附加和删除点击旧信息，我还需要显示第三栏的插曲信息。怎么做

我需要和你一样的结果

$（文档）.ready（函数（）{
log（'jQuery'）；
var baseUrl=”https://api.themoviedb.org/3/tv/";
var apikey=“6b4357c41d9c606e4d7ebe2f4a8850ea”；
var appendoresponse=“信贷”；
var-id=1399；
var dataUrl=baseUrl+id+“？api_-key=“+apikey+”&将_附加到_-response=“+appendToResponse；
$.getJSON（数据URL，函数（数据）{
控制台日志（数据）；
var filmtitle=data.name；
var filmlength=data.eposion\u运行时间；
变量图=数据。概述；
风险值发布=新日期（数据：上次发布日期）；
var year=release.getFullYear（）；
变量季节=data.seasures.length；
对于（变量i=0；i

。简介{
字体大小：13px；
线高：18px；
颜色：rgba（255，255，255，0.65）；
右边填充：20px；
高度：120px；
溢出：自动；
}
.头{
颜色：#fff；
宽度：100%；
高度：240px；
位置：绝对位置；
顶部：65px；
左：0；
边框底部：1pxRGBA（255，255，255，0.05）实心；
z指数：9；
}
.info\u cont{
位置：绝对位置；
顶部：20px；
左：185px
}
.runtime\u cont{
显示：无；
}
.海报{
位置：绝对位置；
顶部：25px；
左：-200px；
宽度：135px；
高度：197px；
盒影：0px 0px 10px rgba（0,0,0,1）；
边框：1pxRGBA（255，255，255，0.18）实心；
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
不透明度：0；
过渡性质：全部；
过渡时间：0.21s；
过渡定时功能：缓解；
}
.poster.fadein{
不透明度：1；
左：20px；
}
.身体{
位置：绝对位置；
宽度：100%；
身高：100%；
左：0；
底部：0；
z指数：9；
框大小：边框框；
背景：线性梯度（向右，rgba（0,0,0,0.27）0%，rgba（0,0,0,0.75）100%）；
/*W3C*/
}
.栏目{
浮动：左；
身高：100%；
框大小：边框框；
填充：20px；
位置：相对位置；
}
.栏目.季节{
宽度：15%；
溢出：隐藏；
}
.专栏.插曲{
宽度：40%；
溢出：隐藏；
}
.column.content{
宽度：45%；
}
.行{
高度：35px；
边框底部：1px rgba（255，255，255，0.045）实心；
字体大小：14px；
颜色：#fff；
线高：35px；
填充：0 6px；
框大小：边框框；
光标：指针；
位置：相对位置；
溢出：隐藏；
过渡性质：填充；
过渡时间：0.1s；
过渡时间函数：线性；
}
.世界其他地区*{
光标：指针！重要；
}
.行：悬停，
霍弗先生{
填充：0 12px；
左边框：3倍rgba（255、255、255、0.4）实心；
}
。第行。已激活{
填充：0 12px！重要；
左边框：3倍rgba（255，255，255，0.8）实心！重要信息；
}
.行：第n个孩子（奇数）{
背景：线性梯度（向右，rgba（255，255，255，0.125）0%，rgba（255，255，255，0）100%）；
/*W3C*/
}
.row.eposion.pseudo\u单击\u侦听器{
位置：绝对位置；
宽度：16px；
身高：100%；
右：0；
排名：0；
z指数：9；
}
.行。插曲标题{
不透明度：0.4；
}
.行：悬停。插曲标题，
.row.activated.插曲标题{
不透明度：0.68；
}
.row.eposion\u num{
字体系列：opensansbold
}
.scroller\u cont{
垫底：15px；
}
.插曲名称{
文本阴影：2PX2PX2PXRGBA（0,0,0,1）；
字体大小：22px；
颜色：#fff；
字体系列：opensansbold；
}
.插曲信息{
字体大小：13px；
颜色：rgba（255，255，255，0.4）；
填充：2px 0 15px；
}
.第一集概述{
高度：计算（100%-135px）；
溢出：自动；
颜色：rgba（255，255，255，0.64）；
字体大小：12px；
线高：16px；
}
.u内容{
高度：60px；
位置：绝对位置；
底部：10px；
左：20px；
z指数：9；
宽度：100%；
}
.选择器{
边缘底部：5px；
宽度：160px！重要；
}
九月{
右边距：15px！重要；
}
.排.插曲.观看：之后{
内容：“\e601”；
颜色：rgba（255，255，255，0.4）；
}
第二集：之后{
字体系列：icomoon；
内容：“\e60d”；
位置：绝对位置；
右：0；
字体大小：11px；
颜色：rgba（255，255，255，0.12）；
}

---

要清除旧信息，请在附加新信息的循环之前使用

.empty（）

另外，您不应该每次通过循环添加

.row.seasure

单击处理程序。这将向早期行添加多个处理程序。您只需要执行一次，它将影响添加的所有行

$(".seasons").empty();
for (var i = 0; i < data.seasons.length; i++) {
  $(".seasons").append("<div class='row season' data-season='" + data.seasons[i].season_number + "' onclick='seriesInfo(" + id + "," + data.seasons[i].season_number + ")' value='" + data.seasons[i].season_number + "'><a href='#'>Season " + data.seasons[i].season_number + "</a></div>");
}
$('.row.season').click(function(e) {
    e.preventDefault();
    $('.season').removeClass('activated');
    $(this).addClass('activated');
});

$（“.seasures”）.empty（）；
对于（变量i=0；i