使用jquery查找具有数据属性的所有元素

目标：

查找具有数据属性的所有元素父类别编号==我的类别编号

正如您可以从标记中看到的，我从atribute“data cat number”中获取父类别整数，但我无法找到所有将其作为父类别编号的子类别

下面是一个示例，演示了它的外观，但现在单击一个父项可以显示所有子项。我想把它改编成只显示该元素的子元素

JS

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>

那么：

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

那么：

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

您可以通过以下方式进行操作：

$('.parent-category a').click(function() {
    $(this).parent()
        .find('[parent-cat-number="'+$(this).parent().data('cat-number')+'"]')
        .show();
    return false;
});

您可以通过以下方式进行操作：

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

    })

$('.parent-category a').click(function() {
    $(this).parent()
        .find('[parent-cat-number="'+$(this).parent().data('cat-number')+'"]')
        .show();
    return false;
});

您可以使用此

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

    })

你可以用这个