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

前端之家收集整理的这篇文章主要介绍了jquery – 显示基于文本搜索的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个文本输入搜索,应该根据div的标题来过滤div.以下是不工作的代码
$('.contact-name').each(function(){
  var txt = $('#search-criteria').val();
  $('this').find(txt).show()      
});

我究竟做错了什么?@H_403_5@

编辑:
为了澄清变量txt是用户在输入字段中键入的内容.一个例子是,如果txt是Cha我希望这一行显示:@H_403_5@

<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@H_403_5@

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

更新案件无效:@H_403_5@

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

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

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

猜你在找的jQuery相关文章