Tenho uma tabela e estou fazendo um filtro deu certo, mas quando coloquei o input dentro da div pra alinhar nao consegue filtrar, ate pega a 1 letra mas nao filtra mais.
<script type="text/javascript">
$(function(){
$("#inputUserfilter").keyup(function(){
var index = $(this).parent().index();
console.log('test');
var nth = "#tableUser td:nth-child("+(index+1).toString()+")";
var valor = $(this).val().toUpperCase();
$("#tableUser tbody tr ").show();
$(nth).each(function(){
if($(this).text().toUpperCase().indexOf(valor) < 0){
$(this).parent().hide();
}
});
});
$("#inputUserfilter").blur(function(){
$(this).val("");
});
});
</script>
<div class="styleinput" >
<label>Filtrar: </label>
<input type="text" id="inputUserfilter"/>
</div>
$(this).parent().index()
por$(this).closest("td").index()