Array Filter

by Juan Muñoz

HTML

<table>
<tr>
  <td class='hidden' data-value='1'>1</td>
  <td>hola</td>
</tr>
<tr>
<td class='hidden' data-value='1'>2</td>
  <td>mensaje</td>
</tr>
<tr>
<td class='hidden' data-value='1'>3</td>
  <td>palabra</td>
</tr>
<tr>
<td class='hidden' data-value='0'>4</td>
  <td>pareja</td>
</tr>
<tr>
<td class='hidden' data-value='0'>5</td>
  <td>casaca</td>
</tr>
</table>

<table id="tablanueva"></table>

CSS

.hidden{
  display:none;
}
#tablanueva{
  float:right;
  background-color:green;
}
.ocultar{
  display:none;
}

JavaScript

var tabla = [];
$('table tbody tr').each(function (){
	$(this).find('td:first').filter(function(number) {
  	var validacion = $(this).attr('data-value')
    if( validacion != 1 ){
    	tabla.push($(this).parent())
    }else{
    	$(this).parent().addClass('ocultar')
    }
    //console.log($(this).attr('data-value'))
  	//return number < 2;
  })	
  //console.log(tabla)
  
});
for(reg of tabla){
/* reg = reg.removeClass('hidden') */
$('#tablanueva').append(reg)
}