jQuery - 通过标签id获得内容和属性和鼠标响应事件

今天写个静态页面，好多个标签，都是重复的，想通过利用jQuery 来获取标签元素的内容，一般是这样

通过标签id获得内容和属性

<script>
function showTitle(i){
           // $('#标签id').text() //可以用来回去标签中间的文本，
        $('#s1').text();
        }

    </script>
<div class="speaker col-lg-3 text-center" onmousemove="showTitle('s1')">
         <h4 style="padding-top:15px;">Yasuyuki Sumi</h4>
    </a>
</div>



  <div class="bubble-left col-lg-9">
   <h4 class="speech-title" id="s1">体験メディア：体験知の記録・編集・共有</h4>
</div>

可是如果很多个标签想通过将标签id 传参数方式的来获取标签的内容的话这时候就用只需要将showTitle方法修改如下即可

<script>
  function showTitle(i){
            var x=document.getElementById(i).textContent;
           //此处i作为标签id传进来
//x就是h4标签的内容文本
        }
 </script>

  <di