Javascript 搜索结果获胜'；t正确过滤[jquery]

您好小免责声明：我有学习障碍，提前道歉

我必须做一个jquery任务，在这里我们生产产品，然后选择通过复选框过滤它们。现在我遵循我们在课程中学到的一切，并尝试应用它，但它拒绝过滤

$（'.fruit'）.hide（）；
$（“#水果检查”）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（'.fruit'）.show（）；
}否则{
$（'.fruit'）.hide（）
}
}；

ul
{
列表样式类型：无；
}
李迪夫
{
保证金：5px；
浮动：左；
}    
img
{
}
.水果
{
浮动：左；
位置：绝对位置；
利润上限：-15px；
左边距：20px；
背景颜色：绿色；
字体大小：10px；
左侧填充：20px；
右边填充：20px；
不透明度：0.8；
}
.弗里斯德兰
{	
浮动：左；
位置：绝对位置；
利润上限：-15px；
左边距：20px；
背景色：红色；
字体大小：10px；
左侧填充：20px；
右边填充：20px；
不透明度：0.8；
}
迪尔普先生
{  	
浮动：左；
位置：绝对位置；
利润上限：-15px；
左边距：20px；
背景颜色：黄色；
字体大小：10px；
左侧填充：20px；
右边填充：20px；
不透明度：0.8；
}

果

可乐

Fanta

Appel

Peer

Hond

Kat

更新了JSFIDLE，请检查

唯一缺少的是

函数末尾的括号。单击
函数。您可以找到。单击函数文档。
更改

<label for="fruitCheck">
    <input type="checkbox" id="fruitcheck"  />
    Fruit
</label>

但是你的代码中的
水果检查
元素和
复选框
在哪里？@Sudhiroja感谢你注意到，我没有看到它不在那里，我复制了整个文档有多强。为相同的
水果检查
和
水果检查
创建一个JSIDLE是不一样的。
应该在
之前或之后出现，并且也只包含文本。感谢您的回答。添加了jfiddle并尝试了您所说的@StackSlave，但仍然没有运气，所以farThanks a bunchs！！将看到错误并从中学习。这正是我需要的。
<label for="fruitCheck">
    <input type="checkbox" id="fruitcheck"  />
    Fruit
</label>

<input id='fruitcheck' type='checkbox' /><lable for='fruitcheck'>Fruit</label>

var fruits = $('.fruit'), fruitcheck = $('#fruitcheck'); 
fruitcheck.prop('checked', false); fruit.hide();
fruitcheck.click(function(){​
  if(fruitcheck.is(':checked')) {​
    fruits.show();
  } 
  else{​
    fruits.hide();
  }
});