2014-01-09 2 views
0

I (예를 들어 두) 다음 코드에 의해 생성 된 내 테이블의 일부 행을 표시하기 위해 노력하고있어 :쇼/테이블의 일부 행을 필터링

function loadTable(){ 

    $.getJSON('sort.php', function(data) { 
     $('#mytable tbody tr').remove(); 
     $.each(data, function(i, val) { 
      $('#mytable tbody').append('<tr><td>'+val.value0+'</td><td>'+val.value1+'</td><td>'+val.value2+'kb/'+val.value3+'kb</td><td>10:59 08/01/2014</td></tr>'); 
     }); 
    }); 

    $('#mytable tbody').hide(); 
    $('#mytable tr').slice(0, 2).show(); 
    setTimeout("loadTable()",15000); 
    } 

을하지만,이 코드 만 숨기기를 작동 기능이 아니라 쇼. 어떤 도움?

+1

그나마 당신은 아약스 성공 콜백에서 보여해야합니까? 그 전에 그대의 몸매를 숨기고 있기 때문입니다. – PSL

+0

donot 부모를 숨기면 아이의 것도 숨길 것입니다. 단지 원하는 행을 숨 깁니다. 나머지는 기본값입니다. show. – Neha

+0

tbody 숨기기를 제거하고 일부 행을 표시하려고 시도했지만 성공하지 못했습니다. 제발 보여 주실 수 있습니까? – user3155074

답변

0

페이지에 추가 될 때까지 행을 표시 할 수 없습니다.

function loadTable(){ 

    var tbody = $('#mytable tbody').hide(); 

    $.getJSON('sort.php', function(data) { 
     tbody.empty(); 
     $.each(data, function(i, val) { 
      tbody.append('<tr><td>'+val.value0+'</td><td>'+val.value1+'</td><td>'+val.value2+'kb/'+val.value3+'kb</td><td>10:59 08/01/2014</td></tr>'); 
     }); 

     tbody.find("tr").hide().slice(0, 2).show(); 
     tbody.show(); 
     setTimeout(loadTable,15000); 


    }); 

    } 
+0

시도했지만이 작동하지 않습니다 – user3155074

+0

여분의 행을 "숨길"코드를 추가했습니다. 그것이 문제인지 확실하지 않습니다. – epascarello

+0

여전히 작동하지 않습니다. – user3155074

0

문제는 부모를 숨기고 그 다음 아이를 보여 주려고하는 것일 수 있습니다.

$('#mytable tbody').hide(); 
$('#mytable tr').slice(0, 2).show(); 

대신 표시하고 싶지 않은 하위 행을 숨기십시오.

$('#mytable tr').slice(2, $('#mytable tr').length).hide(); 

http://jsfiddle.net/B8MzM/

관련 문제