Jquery 添加上一个/下一个按钮

这是选项卡的代码。 我只需要添加上一个/下一个按钮。 我该怎么做？ 已尝试使用jquery ui选项卡功能，但不起作用

$(function(){
    var first =0;
    var cont =1;
    $('#page-default .component-group:nth-child(4)').each(function(){       
        var newContent = "<div class='produtos'><div class='title'></div><div class='borda'></div><div class='tabs'><ul class='tab-links'>";
        var tabLink ="";
        var tabContent="<div class='tab-content'>";
        $(this).find($('.component')).each(function(){
            if(first==0){
                tabLink += "<li id='tb"+cont+"' class='active'><a class='#tab"+cont+"'>"+$(this).find($('.legend .title')).text()+"</a></li>";
                tabContent += "<div id='tab"+cont+"' class='tab active'>"+$(this).find($('.content')).html()+"</div>";
                first++;
            }
            else{
                tabLink += "<li id='tb"+cont+"'><a class='#tab"+cont+"'>"+$(this).find($('.legend .title')).text()+"</a></li>";
                tabContent += "<div id='tab"+cont+"' class='tab'>"+$(this).find($('.content')).html()+"</div>";
            }
            cont++;
        });
        tabLink += "</ul>";
        tabContent += "</div>";
        newContent += tabLink+" "+tabContent+"</div></div>";
        $(this).html(newContent);
        first=0;
    });
    $('.tabs .tab-links a').on('click', function(e)  {
        var currentAttrValue = $(this).attr('class');
        $('.tabs ' + currentAttrValue).show().siblings().hide();
        $(this).parent('li').addClass('active').siblings().removeClass('active');
        e.preventDefault();
    });
});

$（函数（）{
var first=0；
var-cont=1；
$（“#页面默认值。组件组：第n个子（4）”。每个（函数（）{
var newContent=“
”；
var tabLink=“”；
var tabContent=“”；
$（this）.find（$（'.component'））.each（function（）{
如果（第一个==0）{
tabLink+=“
“+$（此）。查找（$（'.legend.title'））.text（）+”
”；
tabContent+=“”+$（this.find（$（'.content'））.html（）+“”；
第一++；
}
否则{
tabLink+=“
”；
tabContent+=“”+$（this.find（$（'.content'））.html（）+“”；
}
cont++；
});
tabLink+=“
”；
tabContent+=“”；
newContent+=tabLink+“”+tabContent+“”；
$（this）.html（newContent）；
第一个=0；
});
$（'.tabs.tab链接a'）。在（'click'，函数（e）上{
var currentAttrValue=$（this.attr（'class'）；
$（'.tabs'+currentAttrValue）.show（）.hide（）；
$（this）.parent（'li'）.addClass（'active'）.sides（）.removeClass（'active'）；
e、 预防默认值（）；
});
});

您能显示html吗？你能显示html吗？