将数据属性值插入Iframe src

Question

我有一个数字按钮，当按下时会打开一个带有iframe的模态。这些按钮具有数据属性，用于存储我要传递给iframe scr的链接。

这是按钮的代码：

<a href="#myModal" style="float: right;" class="btn btn-outline-secondary" data-toggle="modal" data-jobid="index.php?/job/view/1" ><strong>View</strong></a>

<a href="#myModal" style="float: right;" class="btn btn-outline-secondary" data-toggle="modal" data-jobid="index.php?/job/view/2" ><strong>View</strong></a>

<a href="#myModal" style="float: right;" class="btn btn-outline-secondary" data-toggle="modal" data-jobid="index.php?/job/view/3" ><strong>View</strong></a>

这是iframe的代码：

<iframe style="display: block; width: 100%; height: 100%; border: none;" src=""></iframe>

我的问题是，每次点击其中一个按钮时，如何将data-jobid传递给src的{​​{1}}？

Answer 1

您可以将click处理程序挂钩到.btn-outline-secondary元素，然后在设置data()的{​​{1}}属性之前从其中读取src属性，像这样：

iframe

Answer 2

你可以通过jQuery这样做：

$(".btn")click(function(){
var data = $(this).attr('data-jobid');
$(iframe).attr('src', data);
});