busqueda javacript ocultado divs por clase

[jmm87]

Hola buenos dias comunidad! a ver quien me puede ayudar con mi codigo javascript
tengo primero este script que me filtra mediante el ID de un SELECT html (familia) como el id lo dice por familia o por categoria como quieran llamarlo

Código Javascript:

$('#familia').change(function(event){
        $('div.proc:not(.' + $(this).val() + ')').hide();
        $('div.proc.' + $(this).val()).show();
    });
 

y por otro lado tengo un input que busca por contenido del div y oculta o desoculta el div segun lo ingresado

Código Javascript:

$('#busqueda').keyup(function(){
        $('div.proc[class*="' + $(this).val() + '"]').show();
        $('div.proc:not([class*="' + $(this).val() + '"])').hide();
    });
 

el tema es que lo q yo necesito es que la búsqueda la haga sobre el primer resultado que obtuve. osea yo primero filtro por categoría y después debería el input buscar dentro de lo filtrado y obviamente me busca en todo. se les ocurre algo? gracias!

[Trublux]

Primero, no sé que es eso de familia, categoría, etc. Existen ids, clases y etiquetas (tags).

Sobre la pregunta, no me he enterado mucho pero deberías mirar la documentación de jQuery sobre find y children, por ejemplo, de la categoría traversing; que se lo puedes aplicar a $(this) en cada función.

También puedes ver el tutorial básico (y gratuíto) de Code School sobre jQuery.