根据文本搜索显示div

Question

我有一个文本输入搜索,应该根据div的标题过滤div.这是不起作用的代码:

$('.contact-name').each(function(){
  var txt = $('#search-criteria').val();
  $('this').find(txt).show()      
});

我究竟做错了什么？

编辑:澄清变量txt是用户在输入字段中输入的内容.一个例子是如果txt是Cha我想要这行显示:

<div class="contact-name"><h3><a href="##">Charles Smith</a></h3></div>

Answer 1

试试这个

var txt = $('#search-criteria').val();
$('.contact-name:contains("'+txt+'")').show();

文档:contains()选择器

小提琴示例:http://jsfiddle.net/WBvTj/2/

更新案例不敏感:

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

小提琴示例:http://jsfiddle.net/WBvTj/4/