jquery - jqueryでdata-attrを持つすべての要素を見つける

Question

目的：

data-attribute parent-cat-number == my_cat_numberを持つすべての要素を検索します。

マークアップからわかるように、属性「data-cat-number」から親カテゴリの整数を取得しますが、それを親猫番号として持つすべての子を見つけることができません。

http://jsfiddle.net/jahrichie/jGpcx/の例を次に示しますが、現在、親をクリックするとすべての子が表示されます。その要素の子のみを表示するように調整したいと思います。

JS http://jsfiddle.net/jahrichie/jGpcx/

    $('.parent-category').click(function () {
        var my_cat_number = $(this).attr('data-cat-number');
        $(this).children().find("[parent-cat-number] = my_cat_number").show();

    })

HTML

<div class="category-faceted">
    <div class="parent-category" data-cat-number="1">
        <a href="javascript:void(0)">Celebrity</a>
        <div class="child-category" parent-cat-number="1">
            <a href="javascript:void(0)">Sub-Celebrity</a>
        </div>
    </div>
    <div class="parent-category" data-cat-number="2">
        <a href="javascript:void(0)">Entertainment</a>
        <div class="child-category" parent-cat-number="2">
            <a href="javascript:void(0)">Sub-Ent</a>
        </div>
    </div>
</div>

Answer 1

どうですか：

$(this).children().find("[parent-cat-number] = '" + my_cat_number + "'").show();