javascript - jqueryで複数のアイコンからアイコンを呼び出す方法は?

Question

これらのjsコードがあります。

 $(document).ready(function() {
      $.getJSON("Stations.php", function(jsonData){  
      $.each(jsonData, function(key,value) {
      $('#selectStation')
     .append($("<option></option>")
     .attr("value",key)
     .text(value.name)); 

  });
 });
 });
function sta_callStation(sel){
  $('#noOfPassengers, #infoOfPassengers, #distType,#distParams').empty();
   $('#sta_numberOfIcons').empty();
    $.getJSON('Stations.php', function(station){

        $.each(station, function(sta_key, sta_value) {

        if(sel.value==sta_key)
        {
          $.each(sta_value.passengers, function(j,passengers) 
        {

          //$('#sta_numberOfIcons').append('<i class="icon-user" ></i>');
          var pas_icon = document.createElement("a");
          pas_icon.className = "icon-user";
          pas_icon.id='id_'+(j);
          pas_icon.setAttribute('href', '#');
          pas_icon.setAttribute('rel', 'popover');
          //alert('id_'+(j));
          document.getElementById('sta_numberOfIcons').appendChild(pas_icon); 


      });
        }
  });

  });
  }

ここにいくつかのhtml部分があります：

Stations
 <select name="selectStation" id="selectStation" onchange="sta_callStation(this);">   
 </select>

最初にページがロードされると、コンボボックスは Station 1 、Station2 などで埋められます。そのうちの 1 つを選択したい場合 (これは 1、2、3、4、または 5 を参照)、sta_callStation 関数を呼び出しています。人のアイコンを動的に作成します。 ID などの属性を与える。id_1、id_2などしかし、その後、マウスオーバー時にそれらをトリガーするにはどうすればよいですか?それらのクラスまたはIDを使用する必要がありますか? 駅を選択 する前 : https://docs.google.com/file/d/0B1RbKsJ4B8eoeW5wdWhLQW85QTQ/edit?usp=sharing 0B1RbKsJ4B8eoQmYwWVpYbno2NnM/edit?usp=共有