按标题过滤图像实时搜索

时间:2017-01-23 22:54:19

标签: javascript html

我无法运行此代码。我想进行实时搜索并隐藏任何与搜索文本不匹配的标题的照片。我会很感激任何提示!

HTML

enter image description here

的JavaScript

https://i.stack.imgur.com/6bZwR.png

谢谢!

1 个答案:

答案 0 :(得分:1)

这样效率很高:

/^text\/html*./.test(accept)

试一试:https://jsfiddle.net/ct8jgvyd/1/

编辑:没有箭头功能的代码等

let $search = $('#search');
let $imgs = $('img')

$search.keyup(event => {
  let value = $search.val().toLowerCase();
  $imgs.show();
  if (value !== '') {
    $imgs.not('[title*="' + value + '"]').hide();
  }
});