Jquery 如何在popover中的图标上设置click（）事件

我有一个图标在一个引导弹出窗口中，我想点击它，然后访问弹出窗口中的文本（例如：标题或内容——可能是通过类访问的），但似乎无法让它工作

//HTML
<a class="popover-markup" data-toggle="popover" data-placement="bottom" href="#" style="text-align:center;" data-title="title <i class='material-icons ear' >hearing</i>" data-content="content"> 毎日 </a>

//script
$(function () {
   $('[data-toggle="popover"]').popover({html: true})
})

$(document).ready(function() {  
   $(".ear").click( function() {
     console.log("ear clicked");
     var text = $(this).text(); 
   });
});

---

为了解决这个问题，这是对我有效的代码。谢谢

$( "body" ).on( "click", ".ear", function( event ) {
    console.log($( this ).prev().text())
});

---

尝试类似于

$（'body'）。在（'click'，'.ear'，function（）{..}））

上，您还应该使用更接近

ear

的元素替换

body

（但仍然是父级）编辑：抱歉。误读了这个问题。我没有注意到您使用的是click处理程序。事件委派Ok使用$（'body'），但是$（this）。text（）返回文本“hearing”，即图标元素中的文本。如何访问数据标题或数据内容中的文本？？感谢使用浏览器开发工具查找插件呈现的内容-F12，选择元素（或右键单击inspect element），然后查看祖先元素以查找他们拥有的类确定我可以使用.prev（）和.next（）访问父元素和子元素，例如

console.log（$（this）.prev（）.text（））

谢谢

$( "body" ).on( "click", ".ear", function( event ) {
    console.log($( this ).prev().text())
});