如何在弹出框内的图标上设置 click() 事件

Question

我在 bootstrap 弹出窗口中有一个图标，我想单击它然后访问弹出窗口中的文本（例如：标题或内容 - 可能由 class 访问）但是可以' 似乎可以正常工作。

//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(); 
   });
});

我在元素中尝试了一个 onclick='tts(this)'，如果触发但无法访问 'this'，但这似乎不是办法。

谢谢

更新按照有关事件委托的建议，我尝试了这个但仍然无法正常工作？

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

Answer 1

为了完成这个问题，这是对我有用的代码。谢谢

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

如何在弹出框内的图标上设置 click() 事件

how to setup click() event on icon within popover

jquery

onclick

popover