Javascript 将数据从Button传递到modal boostrap

我在打开模式的页面上添加了一个按钮元素，这两个元素都是相同的页面，我希望在打开模式时将数据从按钮传递给模式。有没有一种方法可以在不使用或使用javascript/jquery的情况下实现这一功能？ 下面是我的标记的html片段

---

您可能希望使用JS/jQuery进行此操作

我不会给出确切的代码，但以下是您需要遵循的步骤：

给你的按钮一个

id

，这样你就可以通过你的JS代码识别你想要操作/获取数据的DOM元素。e、 g.

使用

document.getElementById（'#myButton'）

获取元素

使用jQuery函数获取其

数据id

属性：

.attr（“数据id”）

。如果愿意，将其存储到变量中

在模式中，您现在可以通过存储数据id的变量或直接进行调用来访问数据id

---

在Jquery和Bootstrap模式（使用版本4测试）中，您可以执行以下操作：

$('[data-toggle="modal"]').on('click.modal.data-api', function(event) {
  var targetModal = $($(this).data('target'));
  var content = $(this).data('content');
  targteModal.find('.modal-content').html(content);
}

---

例如，您可以将模板文件名保存在数据内容属性中，并使用jquery loadtemplate加载该文件。

我可以通过单击按钮获取属性值

'data-id'

<，将其添加到变量中，然后使用id

iconLink1设置
a
标记的href元素

$('#myButton').click(function() { 
    var _data = $(this).attr('data-id'); 
    $('#iconLink1').attr('href' , _data);
});

您还可以通过添加
控制台日志（\u数据）来检查单击在删除新变量后
如果没有可能的重复，则无法传递数据