如何动态更改bootstrap模态体

所以我将Bootstrap模态定义为:

   

        

            

                

                    ×
                    
Error
                
                

                    
 
                
                

                    Close
                
            
        
    

我想用jscript编辑空体.我是Javascript的初学者,所以我会感谢最简单的答案.

请看看这个小提琴.

这是代码:

$(function(){
  $('.custom-modal').click(function(e){
    e.preventDefault();
    var mymodal = $('#myModal');
    mymodal.find('.modal-body').text('hello');
    mymodal.modal('show');

  });
})

试试这个:

$('.modalShow').click(function(event){
    event.preventDefault();
    var e = $(this);
    var title = e.data('title');
    var body = e.data('value');
    $("#myModal").modal("show");
    $('#modal-title').html(title);
    $('#modal-body').html(body);
});