如何在循环外获取每个数组的值到模式？
如何在循环外获取每个数组的值到模式？
提问于 2021-10-22 11:07:17
我在JS中有这个，下面的代码。我希望将data-id发送到modal中，并在关闭modal时释放data-id。如何使用javaScript实现此目的？
fetch("https://data.uk/api/" + $searchValue).then(
res => {
res.json().then(
data => {
if (data.length > 0) {
var temp = "";
temp += "<thead>";
temp += "<tr>";
temp += "<th>ID</th>";
temp += "<th>Force Name</th>";
temp += "<th>Details</th>";
temp += "</tr>";
temp += "</thead>";
temp += "<tbody>";
data.forEach((itemData) => {
temp += "<tr><td>" + itemData.id + "</td>";
temp += "<td>" + itemData.name + "</td>";
temp += "<td><a href='#' data-id='" + itemData.id + "' data-toggle='modal' data-target='#myModal'>More Detail</a></td></tr>";
});
temp += "</tbody>";
document.getElementById('data').innerHTML = temp;
}
}
)
}
)我想使用下面的代码将每个data-id值转换为modal值。
$("myModal").on("show.bs.modal", function(e) {
var b = $(e.relatedTarget);
var r = b.data("id");
var modal = $(this);
modal.find("#me").text(r);
})这是我的模式，我希望当我打开模式时能够捕获数据-id并将其显示在id="me“中。
<div class="modal-body" id="modal-body">
<div class="row m-0">
<div class="col-4">
People name & twitter
</div>
<div class="col-8">
Descriptions
<h2 id="me"></h2>
</div>
</div>
</div>Stack Overflow用户
回答已采纳
发布于 2021-10-22 12:05:16
您可以使用dataset属性访问data-...属性，例如，给定
<div id="my-element" data-id="myData"></div>您可以使用以下命令获取它
document.getElementById("my-element").dataset.id页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69675799
复制相关文章
相似问题
腾讯云开发者
