将 popover 的数据内容存储在变量中

Question

我正在尝试为我的网站构建一个搜索引擎，我需要将弹出窗口的数据内容存储在一个变量中，以便我以后可以搜索它们。

我已经试过了：

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" alt="..." 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() 显示弹出窗口的数据内容吗？

Answer 1

您正在“#companyRoster”元素中查找该元素没有的数据。数据内容在其中一个子元素中。

您应该能够像这样获取数据内容：

var dataContent = $(".img-fluid").data('content');
document.getElementById('other_div').innerHTML = dataContent;

希望对您有所帮助！

将 popover 的数据内容存储在变量中

Store data-content of popover in variable

javascript

jquery

twitter-bootstrap

bootstrap-4

popover