div内容上的Javascript搜索表单

因此，我有一个“表单搜索”函数脚本，我正试图将其应用于容器中的项目。我从一个有人用来搜索教学人员的网站上找到了这个。只有我希望将此应用于我的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();
    });
});

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

---

谁能给我指出正确的方向吗？我正在使用这个

问题是您的

当前正在包装您的所有产品，因此，一旦您使用搜索栏，您将继续隐藏所有产品

我在这里修复了您的html标记，并删除了

，以便在您对它们进行筛选后，它们可以很好地排列起来：

---

请将代码上传到jsfiddle.net。你能在那里看一下吗？ryan？如果你将相关的HTML和JS代码上传到，我们将能够查看您的问题，并帮助您找到解决方案。没问题，Ryan-我会这样做，我刚刚通过社交媒体向您发送了消息，因为我在您的个人资料上看到了您的twitter-如果js fiddle是最方便的，那就太好了。当我发布它的时候，我会把链接放在这里吗？嗨，Ryan-在fiddle上有一些代码css是目前网页的基础-我将使用它作为一个使用json的购物车-只是为初学者添加一些功能Brilliant Ryan工作得非常好！谢谢你看这个，帮了大忙，竖起大拇指！