我使用Push()数组被使用，我试图从下拉菜单中选择一个列表，并将该列表发布到一个跨度中

HTML节

div显示值

    <div class="lef rightCol n">
    <span class="para"> add-on Services(Optional)</span>
    <div class="new">
    <ul>
    </ul>
    </div>
    </div

div包含下拉菜单

       <div class="rightCol n mar ">
        <span id="at1" class="spn">Click here to add add-on Services</span>
        <ul id="ad1" class="drpdwn">
          <li><input type="checkbox"  id="ck1" value="1"><a id="a1">Drop Shadows</a></                           
          li> 
          <li><input type="checkbox" id="ck2"   value="2"><a id="a2">Reflections</a> <         
          li>
          <li><input type="checkbox"  id="ck3"  value="6">General Spotting</a></li>   
          </ul>

点击

点击at1(Span)时向下滑动

这是尝试show on span on newdiv

这里我应该在哪里使用Push()它们大多数都强迫我使用i不知道如何使用和用于什么

         var ots = []; 
         $('#at1,#at2,#at3,#at4,#at5,#at6').click(function(){
         $(this).next('.drpdwn').stop().slideToggle();
  
           }),
 $('#ck1').click(function()
 {
  option=$('#a1').text();
  

 $('.new ul').append('<li><span id="span1" alt="1" ></span></li>');
  
  $('#span1').html(option).addClass('surr');  
   ots.push({id: 1});  
  
    }),
     $('#ck2').click(function()
 {
  option=$('#a2').text();
  

 $('.new ul').append('<li><span id="span2" alt="1" ></span></li>');
  
  $('#span1').html(option).addClass('surr');  
   ots.push({id: 2});  
  
    }),

现在我移动了一些值数组ots而追加现在的问题是如何检索新创建的span的Alt属性使用数组…?我这样使用，它不工作清楚

   var f = $('.new span').length;
       ad=o;
      cs=o;      
             for(i=1;i<=f;i++)
             {
                  $.each(this.opt, function() {
                    $.each(this, function(name, value) {
                     cs=eval($( "#span"+value).attr("alt"));
                     console.log(name + '=' + value);
                     ad+=cs; 
                     console.log("ad: "+ad);  
                       })
                      })
                  
                  }

显示ad为Nan，每次我点击这些id，它就会像这样创建1，然后1,2，然后1,2,3，这样帮助我每次选择复选框，它就像这样播放!