Javascript 如何向模式添加导航

我想在模式页脚上添加下一个和上一个按钮，这些按钮将导航到div标记中的下一个图像。我尝试了不同的选择，但不起作用

$（文档）.ready（函数（）{
$（'.缩略图'）。单击（函数（$e）{
$e.preventDefault（）；
$（'.modal body'）.empty（）；
var title=$（this.parent（'a'）.attr（“title”）；
$（'.modal title'）.html（title）；
$（$（this.parents（'div'）.html（））.appen`在此处输入代码`
dTo（'模态体'）；
$（“#myModal”）.modal({
秀：真的
});
});
});

截图库
×
标题
上
下一个
接近
您的JQuery代码中有一些错误，在这一行：

$($(this).parents('div').html()).appen`enter code here`dTo('.modal-body');

以下是更新后的JQuery函数：

$(document).ready(function() {
  $('.thumbnail').click(function($e){
    $e.preventDefault();
    $('.modal').show();
    $('.modal-body').empty();
    var title = $(this).parent('a').attr('title');
    $('.modal-title').html(title);
//The next line does what I think you want it to do, and is a replacement for the faulty code line
    $(this).parent('a').parent('div').clone().appendTo('.modal-body'); 
    $('#myModal').modal({show:true});
  });
  $('.btn-prev').click(function(){
    var current = $('.modal-body').find('a').attr('title');
    $('a[title="' + current + '"]').parent('div').prev('div').children('a').children('.thumbnail').trigger('click');
  });
  $('.btn-next').click(function(){
    var current = $('.modal-body').find('a').attr('title');
    $('a[title="' + current + '"]').parent('div').next('div').children('a').children('.thumbnail').trigger('click');
  });
});

CodePen示例：
请用plunk或jsfiddleHow's my Response？@Learner我已经用你更新的代码更新了我的答案。你喜欢吗？@Learner记住，如果你对我的答案满意，请单击答案左侧的复选标记，将我的答案标记为已接受。