在包含多个URL/a元素的页面中，我希望在弹出结果中显示元素文本。
例如，当我将鼠标悬停在A1上时，我希望看到文本“This is A1”。
尝试了几个选项，但非常希望看到一个工作示例。

null

$('[data-toggle="popover"]').popover({
    content: '<div>This is ' + 
    $(this).text()
    + ' </div>',
    html: true,
    trigger: 'hover'
});

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>


<a ng-href="#" data-toggle="popover">A1</a>
<br>
<a ng-href="#" data-toggle="popover">B2</a>
<br>
<a ng-href="#" data-toggle="popover">C3</a>

null