Javascript / jquery iframe下一个/上一个导航

Question

我有一百个html文件，名称为2.html，4.html，6.html，8.html等。我想用iframe制作简单的“next / prev”导航。如果用户按“下一步” - iframe中的html从2.html更改为4.html。按“上一步” - 从4到2。

已经尝试this解决方案，增量为2和-2，但它不起作用。

Answer 1

var page = 2;
$(document).ready(function () {
    $('#next').click(function(){
        page += 2;
        $('iframe').attr('src', './'+page+'.html');
    });
    $('#previous').click(function(){
        page -= 2;
        $('iframe').attr('src', './'+page+'.html');
    });
});