将弹出框的数据内容存储在变量中
Posted
技术标签:
【中文标题】将弹出框的数据内容存储在变量中【英文标题】：Store data-content of popover in variable 【发布时间】：2019-06-13 11:54:18 【问题描述】：我正在尝试为我的网站构建一个搜索引擎，我需要将弹出框的数据内容存储在一个变量中，以便以后可以搜索它们。
我已经试过了：
var popover = $('.companyRoster').data('bs.popover');
popover.getContent();
但它没有像预期的那样工作..
我的包含弹出框的 html 示例如下：
<div id="companyRoster" class="companyRoster container">
<div class="row mb-2">
<div class="col-lg-1 col-md-2 col-sm-3 col-6">
<img src="images/john-doe.jpg" class="img-fluid rounded-circle padding-0" data-toggle="popover" title="John Doe" data-placement="top" data-content='<b>Position:</b> Team Leader Integration Services <br> <b>Department:</b> IT <br> <b>Email:</b> <a href="mailto:some.email@aaa.aa">some.email@aaa.aa</a> <br> <b>Skype:</b> <a href="skype:johndoe?userinfo">johndoe</a>'>
</div>
</div>
</div>
你能告诉我如何让 console.log() 显示弹出框的数据内容吗？
【问题讨论】：
【参考方案1】：您正在“#companyRoster”元素中查找该元素没有的数据。数据内容位于其中一个子元素中。
您应该能够像这样获取数据内容：
var dataContent = $(".img-fluid").data('content');
document.getElementById('other_div').innerHTML = dataContent;
我希望这会有所帮助！
【讨论】：
以上是关于将弹出框的数据内容存储在变量中的主要内容，如果未能解决你的问题，请参考以下文章