jquery - div 内にネストされているすべての親/子を参照する方法はありますか?

Question

この関数は、クラスごとに子要素を表示/非表示にしますが、現在、各親要素を個別に指定する必要があります。それぞれの を指定せずに、関連する子、孫などをトリガーするように変更するにはどうすればよいidですか?

私はここに実際の例でフィドルを投稿しました: http://jsfiddle.net/chayacooper/YvMwL/

$(document).ready(function() {
$('#filterOptions li a').click(function() {
    var ourClass = $(this).attr('class');
    $('#filterOptions li').removeClass('active');
    $(this).parent().addClass('active');        

    if(ourClass == 'all') {
        $('#content').children('div.item').show();
        $('#list').children('li.item').show();  
    }
    else {          
        $('#content').children('div:not(.' + ourClass + ')').hide();
        $('#list').children(':not(li.' + ourClass + ')').hide();
        $('#content').children('div.' + ourClass).show();
        $('#list').children('li.' + ourClass).show();
    }
    return false;
});
});