How to create dynamic icons giving them classes?

[notfound]

I am getting id of the passengers from a php file,using Ajax code.The number of icons defined by the data coming from php, and the icons(same with appearance) must be shown in the html page.The icons must be callable because I am using bootstrap popover ,when the user come to some icon the information about passsenger must be shown in popup.How can I do that?
Here is script

<script language="javascript" type="text/javascript">
 
         $(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>');
 
             });
            }
      });
 
      });
      }
 

here is the html code:

İstasyonlar
     <select name="selectStation" id="selectStation" onchange="sta_callStation(this);"></select>
 
          <div id="noOfPassengers"><strong>İstasyondaki Yolcu Sayısı:</strong></div>
 
          <a href="#" id="sta_numberOfIcons" rel="popover" class="pas_icon"> </a>
 
          ></div>

[Rabbit]

I am having trouble understanding what you want to do. Some code would be nice.

[notfound]

@Rabbit I will edit my question.

[Rabbit]

Did you edit your description? Because I still have trouble understanding what you're trying to say.

[notfound]

@Rabbit yes and actually firstly I wanted to create icons dynamically and to give to ids acording to coming data from php.But I couldn't do that, my instructor say that instead of giving them ids, define them with classes.After assign operation, I will call the icons with their class info in another js function called showPassenger(this), and in it I will write getJSON to get the information about passenger(from, where, waiting time they are in another php file called Passengers.php),I will show that info in popover function.

[Rabbit]

You're going to have to define what you mean by icon. Because you seem to be referring to the i element. But that is just for italics, not an icon. So you seem to be using a definition of icon that is unknown to me.

It would help if you posted what the HTML looks like before any action is taken. Then list the steps that trigger the dynamic change. And what the HTML should look like after the change.

[notfound]

@Rabbit https://docs.google.com/file/d/0B1Rb...it?usp=sharing
https://docs.google.com/file/d/0B1Rb...it?usp=sharing

[notfound]

@Rabbit https://docs.google.com/file/d/0B1Rb...it?usp=sharing
https://docs.google.com/file/d/0B1Rb...it?usp=sharing

[Rabbit]

Please attach the screenshots to the post itself. Firewalls tend to block online storage. I would also rather you post the code than screenshots.

[notfound]

@Rabbit my code is a bit long.
https://drive.google.com/#folders/0B...Ex5UWFWenFaWE0
Here is the all project

[Rabbit]

I don't think you understand when I said our firewalls block external storage sites.

Please attach all relevant information to the threads themselves and not rely on external storage. I don't need all your code. Just the part that relates to what you're trying to do.