Jquery 过滤器中的过滤器

我想把过滤器写在过滤器里。我从UI上的“Spring”接收到以下代码：

<div th:each="curtain : ${allCurtain}">
                <div class="color" th:classappend="${curtain.color} +' '+ ${curtain.paint}">

                <div class="pic" id="mainDiv">

但这段代码在所有网页上搜索，而不是在颜色过滤器中。 你能帮我理解如何制作一个工作代码吗

     <div class="searchColor" id="filterColor">
                <div class="searchTextColor"> Color: </div>

                <input type="checkbox" name="rbn" id="white"  value="white" />white
                <br/>
                <input type="checkbox" name="rbn" id="beige"   value="beige"/>beige
                <br/>
                <input type="checkbox" name="rbn" id="cream"   value="cream"/>cream
                <br/>
                <input type="checkbox" name="rbn" id="gold"  value="gold"/>gold
                <br/>
              </div>
 <div class="searchColor" id="searchPaint">
                <div class="searchTextColor"> Paint:</div>
                <input type="radio" name="paintRbn" id="abstract"  value="abstract" />abstract
                <br/>
                <input type="radio" name="paintRbn" id="geometrical"  value="geometrical"/>geometrical
                <br/>
                <input type="radio" name="paintRbn" id="classical" value="classical"/>classical
                <br/>
 </div

  $(function() {

    var firstRun = true;
    $('input').change(function() {
        var category = $(this).val();

        if (firstRun==true) {
            $('.color').hide();
            firstRun = false;
        }
        if($('#filterColor input:checked') !=0) {

            this.checked ? $('.' + category).show() : $('.' + category).hide();
         if ($('#searchPaint input:checked') !=0){
                this.checked ? $('.' + category).show() : $('.' + category).hide();
            }
        }

        if ($('#filterColor input:checked').length == 0 && $('#searchPaint input:checked').length == 0) {
            $('.color').show();
            firstRun = true;
        }
    });
});