javascript - 如果 class true 将 url 添加到 iframe 并处理 url 列表，然后重复？

Question

我想知道如果元素具有 class="show" ，如何向 iframe 添加不同的 url，因此元素类第一次“show”时它将加载 url: about.html

第二次相同元素具有“show”类时，它将打开 工作.html

然后相同元素具有“show”类的 3d 时间将打开 联系.html

等等等等

但是在最后一个打开 contact.html 的“show”类中，我该如何再次启动它，所以第四次该类等于“show”时，它会再次打开 about.html，第五次该类是“show” “它会打开work.html等？

任何想法，谢谢! 我希望这也有意义。

编辑类显示在显示和隐藏之间的变化，具体取决于视频模式是否打开，因此类第一次显示时，它应该显示例如 about.html，然后第二次显示类时，它应该显示是 work.html 和第三次联系等希望更有意义

Answer 1

您可以使用 jquery 提供的数据 api 而不是使用类， 这是文档的链接:https://api.jquery.com/data/

例如:

//Default value
$('#foo').data('num', 1);

//Go to next page event
$("#GoToNextPage").on("click", function(){
 NextUrl();
});  

function NextUrl(){
    var elem = $('#foo');
    var number = elem.data('num');
    if(number === 2){
      elem.src = 'URL.html'
    }
}