Javascript 使用Jquery和复选框筛选内容

我正在尝试使用Jquery过滤一些内容，我有以下代码：

HMTL：

---

我无法使此代码正常工作，因为我正在尝试基于div类进行筛选，例如

您忘记添加jQuery库，您试图访问不存在的元素
$（'.results>li'）
。没有
li
和
result
类的元素

  $(function(){
        $('div.tags').delegate('input:checkbox', 'change', function() {
            var $lis = $('.photo').hide();
            //For each one checked 
            $('input:checked').each(function() {
                    $lis.filter('.' + $(this).attr('rel')).show();
            });
        });
    });

更改仅适用于输入元素，并且在html中的where is.results…？？图像1和2是结果，但在html中没有这样的类…我的html是
Image 1
，我希望基于div类$（'input:checked'）。每个（函数（）{if（$（this）.prop（'checked'）==true）{//在这里做你的事}）；
    $(function(){
    $('div.tags').delegate('input:checkbox', 'change', function() {
        var $lis = $('.results > li').hide();
        //For each one checked
        $('input:checked').each(function() {
                $lis.filter('.' + $(this).attr('rel')).show();
        });
    });
   });

  $(function(){
        $('div.tags').delegate('input:checkbox', 'change', function() {
            var $lis = $('.photo').hide();
            //For each one checked 
            $('input:checked').each(function() {
                    $lis.filter('.' + $(this).attr('rel')).show();
            });
        });
    });