2016-01-15 165 views
3

我有一個html文檔,用於篩選塊中的文本。這是我的代碼:Keyup選擇篩選以阻止結果

JS:

$('#search-input').on('keyup', function() { 

     var filter = $(this).val(); 

     var results = $('#icons section > .fontawesome-icon-list > .fa-hover:Contains("' + filter + '")'); 

     console.log(results); 

     $('#results .row').html(results); 
     $('#results').show(); 

    }); 

經濾波的數據是在塊輸出#results .row

該腳本僅在第一次正確工作(第一個事件「關鍵」)。如何使每個事件的'keyup'都能正確地過濾數據?

+0

你應該聲明的功能之外的增值經銷商。 – Corey

+0

@Corey恩,爲什麼? – epascarello

+0

被調用的keyup也是如此?過濾器行是否返回任何內容? – epascarello

回答

1

您需要克隆的結果:

var results = $('#icons section > .fontawesome-icon-list > .fa-hover:Contains("' + filter + '")').clone(); 
+0

謝謝,它運作良好。 –