Jquery：Keypress將數據附加到YouTube結果中，如何使用新數據刷新結果？

Question

我有一個的jsfiddle這裏：http://jsfiddle.net/hhimanshu/eLhLS/1/

電流：

On keypress, it keeps on appending results from youtube 

要求：

On keypress, update the results, with new data instead of appending it 

我該如何解決這個問題？

Answer 1

你想是這樣的http://jsfiddle.net/eLhLS/37/？

Answer 2

這應該工作：http://jsfiddle.net/epinapala/eLhLS/38/

 $(function(){ 
    $('#search-input').live('keyup',function() { 
     // alert('hi'); 
     var clone = $('#result').find('.item').clone(); 

     $('#result').html(''); 
     $("#result").html(clone); 
     var search_input = $(this).val(); 
     var keyword = encodeURIComponent(search_input); 
     var yt_url = 'http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=10&v=2&alt=jsonc'; 

     $.ajax({ 
      url: yt_url, 
      type: 'GET', 
      dataType: 'jsonp', 
      complete: function(xhr, textStatus) { 
      //called when complete 
      }, 
      success: function(response, textStatus, xhr) { 
      if(response.data.items) { 
       $.each(response.data.items, function(i, data) { 
        console.log(data) 
        search_data = { 
         'id': data.id, 
         'title': data.title, 
         'views': data.viewCount, 
         'thumbnail': data.thumbnail['sqDefault'], 
        } 
        var item = $('#result .item').clone().removeClass('item'); 
        video_result_template(item, search_data).appendTo('#result').fadeIn(); // slow/fast? 
       }); 
      } else { 

      } 
      }, 
      error: function(xhr, textStatus, errorThrown) { 
      //called when there is an error 
      } 
     }); 

    }); 
}); 

function video_result_template(item, data) { 
    item.find('.thumbnail').text(data.thumbnail); 
    item.find('.title').text(data.title); 
    item.find('.views').text(data.views); 
    return item; 
} 
​