メッセージを返す - テキストボックスからの結果はありません

Question

私はjqueryと学習することを見て非常に新しいです。

私は検索ページを開発しようとしています。現時点では、一致がない場合は何も返されません。私はメッセージを追加するためにさまざまなスニペットを試しましたが、うまくいかないようです。

助けてもらえますか？あなたは.eachループが値を発見したかどうかを確認する必要があり

おかげ

<input type="text" id="search-criteria"/><BR> 
<input type="button" id="search" value="Policy Search"/><BR> 
<div class="contact-name" style='background-color:#f2f2f2'> Daniel </div> 
<div class="contact-name" style='background-color:#f2f2f2'>david </div> 



$('.contact-name').hide(); 
$('#search').click(function(){ 
$('.contact-name').hide(); 
var txt = $('#search-criteria').val(); 
$('.contact-name').each(function(){ 
    if($(this).text().toUpperCase().indexOf(txt.toUpperCase()) != -1){ 
     $(this).show(); 
    } 
}); 
}); 

Answer 1

。もしそうであれば、早く出てください。そうでない場合は、「結果なし」というメッセージを表示します。

<!-- Add this element to the HTML. --> 
<div class="no-results">There are no results available.</div> 

$(".contact-name, .no-results").hide(); 
$("#search").click(function() { 
    $(".contact-name, .no-results").hide(); 
    var txt = $("#search-criteria").val(); 
    var found = false; 
    $(".contact-name").each(function() { 
    if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) != -1) { 
     $(this).show(); 
     found = true; 
     return false; 
    } 
    }); 
    if (!found) { 
    $('.no-results').show(); 
    } 
});