jquery – 显示基于文本搜索的div

前端之家收集整理的这篇文章主要介绍了jquery – 显示基于文本搜索的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个文本输入搜索,应该根据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>

解决方法

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

documentation for :contains() Selector

小提琴示例: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/

原文链接:https://www.f2er.com/jquery/179494.html

猜你在找的jQuery相关文章