Triggers 如何将链接传递到引导中由多个按钮触发的模式？

我尝试了以下在线代码，用多个按钮触发一个引导模式

<script type="text/javascript">
$(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
    var button = $(event.relatedTarget);  
    var titleData = button.data('title'); 
    var kbtext = button.data('whatever');
    $(this).find('.modal-title').text(titleData);
    $(this).find('.modal-body').text(kbtext);
});
});
</script>

$（文档）.ready（函数（）{
$（“#myModal”）.on（'show.bs.modal'，函数（事件）{
var按钮=$（event.relatedTarget）；
var titleData=button.data（'title'）；
var kbtext=button.data（'whatever'）；
$（this）.find（'.modal title'）.text（titleData）；
$（this.find（'.modal body'）.text（kbtext）；
});
});

HTML:

测试1
测试2
x
模态窗口
模态试验体。
取消
发送

问题在于模式没有正确显示测试2中的链接按钮。我尝试了所有类型的引号和转义码的组合，以获得我能想到的引号。什么都没用。我应该用什么引号来表示数据呢？第二个按钮是什么

data-whatever=' Click <a href="https://www.math.washington.edu">here</a>'

data which='Click'

特别是，以下措施不起作用

  data-whatever=" Click <a href=\"https://www.math.washington.edu\">here</a>"

data=“单击”

在第二个按钮中，您有HTML内容

数据，无论什么='单击'

，但您将其作为

.text（）处理

此
.html（kbtext）

您正在以文本的形式传递HTML内容，这就是为什么在模态体中显示如下链接的原因

Click <a href='https://www.math.washington.edu'>here</a>

和脚本

<script type="text/javascript">
$(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
        var button = $(event.relatedTarget);  
        var titleData = button.data('title'); 
        var kbtext = button.data('whatever');
        $(this).find('.modal-title').text(titleData);
        $(this).find('.modal-body').html(kbtext);
    });
});
</script>


$（文档）.ready（函数（）{
$（“#myModal”）.on（'show.bs.modal'，函数（事件）{
var按钮=$（event.relatedTarget）；
var titleData=button.data（'title'）；
var kbtext=button.data（'whatever'）；
$（this）.find（'.modal title'）.text（titleData）；
$（this.find（'.modal body'）.html（kbtext）；
});
});


$(this).find('.modal-body').text(kbtext);

$(this).find('.modal-body').html(kbtext);

Click <a href='https://www.math.washington.edu'>here</a>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-whatever="Click <a href='https://www.math.washington.edu'>here</a>" data-title="Test2">Test 2</button>

<script type="text/javascript">
$(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
        var button = $(event.relatedTarget);  
        var titleData = button.data('title'); 
        var kbtext = button.data('whatever');
        $(this).find('.modal-title').text(titleData);
        $(this).find('.modal-body').html(kbtext);
    });
});
</script>