javascript - 单击子div时需要获取父div的文本

Question

当我点击“更多信息”时出现在此处。我想要一个显示 h3 标签中存在的值的警报。我怎样才能做到这一点 ？？

这是我正在处理的 html

<div class="col-lg-4 col-xs-6"> 
  <div class="small-box bg-red">
    <div class="inner">
      <h3>Text 1</h3>
      <p>fhjh</p>
    </div>

  <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
  </div>
</div>

Answer 1

所以您想要的是单击小框页脚链接并提醒“文本 1”？

$(document).ready(function(){
    $('.small-box-footer').on('click', function(evt){
         //if you don't want the default event
         evt.preventDefault();
         //show the alert text
         alert($('.inner h3').text());
    })
})