2013-10-23 50 views
0

當我點擊黃金時,它僅由一個元素組成,並且 點擊銀色或無限制時間並移除被點擊元素顯示的前一個元素。 像聯想下載網站驅動程序。兄弟姐妹如何移除製作的元素?

jsfiddle code

youtube video

$(function() { 

     var groupTypes = null; 

     var count = 0; 

     $.getJSON('/api/Groups', null, function (data) { 
      groupTypes = data; 
      var $list = $('<ol id="selectable" />'); 

      $.each(groupTypes, function (i, groupType) { 
       var $li = $('<li />'); 
       $li 
        .addClass('ui-widget-content') 
        .attr('data-index', i) 
        .html(groupType.Name); 

       $list.append($li); 

       $li.on('click', function() { 
        count++; 
        var index = $(this).attr('data-index'); 
        $(this).parent().find('li').removeClass('ui-selected'); 
        $(this).addClass('ui-selected'); 

        var speeds = groupTypes[index].GroupSpeeds; 
        console.log(speeds); 
        var $speedList = $('<ol id="selectable" />'); 
        $.each(speeds, function (i, speed) { 
         if (speed) { 
          var $speedLi = $('<li />'); 
          $speedLi 
           .addClass('ui-widget-content') 
           .attr('data-index', i) 
           .html(speed.Speed); 

          $speedList.append($speedLi); 
          $(this).parent('#container').nextAll().remove(); 

         } 
        }); 

        $('body').append($speedList); 
       }); 
      }); 

      $('#container').append($list); 
     }); 
+0

問題是什麼? –

+0

提供jsFiddle無法正常工作 –

回答

2

只需添加特殊類,你追加

$speedLi.addClass('speed') 

,然後將其刪除您追加更多

$('.speed').remove() 
前元素

小提琴http://jsfiddle.net/vgPkU/

+1

+1很多人得到了和我一樣的結果http://jsfiddle.net/vBF3T/2/不需要另一個答案=) – MackieeE