Question

所以我有一个'表单搜索'功能脚本，我试图应用于容器中的项目。我从tutorial online找到了这个，有人用来搜索教职员工。只是我希望将它应用于我的div类：

$('.form-search').on('submit',function(){return false;});
$('.form-search .btn').on('click', function(e){
    var query = $.trim($(this).prevAll('.search-query').val()).toLowerCase();
    $('div.dress-container .bold').each(function(){
         var $this = $(this);
         if($this.text().toLowerCase().indexOf(query) === -1)
             $this.closest('div.dress-container').fadeOut();
        else $this.closest('div.dress-container').fadeIn();
    });
});

这是jsfiddle - 我试图使用JS和类来提取图像和文本，但它不起作用：

http://jsfiddle.net/lmac1/x6kv91qk/

有人能指出我正确的方向吗？我正在使用这个JQuery hide all divs except for the divs I search for

Answer 1

问题是您的<div class="dress-container">目前正在包装所有产品，因此一旦您使用搜索栏，您就会继续隐藏所有产品。

我在这里修复了你的html标记并移除了<div class="row">，以便在你过滤它们时很好地排队： http://jsfiddle.net/j7c4kdy3/3/

div内容上的Javascript搜索表单

1 个答案: