[jQuery]table tr id 없이 table tr(row) 숨기기 ( tr hide without tr id)

화면 자바스크립트에서 프레임을 사용하기 때문에 table의 row(tr)의 id를 따로 줄 수 없는 상황에서 row(tr)을 숨겨야 하는 경우가 발생했다.

 

tr id가 있으면 id에 hide를 해주면 되지만, row 자체에 아이디를 줄 수 없는 경우에는 아래와 같이 한줄 전체를 숨길 수 있다.

 

1. table id에서 테이블 row의 index로 hide 하는 경우 → tr:eq(index)를 사용

 

$('#table_id tr:eq(0)').hide();

반대로 보여주고 싶은 경우는 아래와 같이 수정할 수 있다.

$('#table_id tr:eq(0)').show();

 

 

2. 숨기고자 하는 field가 해당된 row를 hide 하는 경우

 

$('#field_id').parents('tr').hide();

이 내용도 1번과 마찬가지로, 보여주고 싶은 경우는 아래와 같이 수정하면 된다.

$('#field_id').parents('tr').show();

 

 

출처

https://stackoverflow.com/questions/17824061/jquery-hide-rows-from-table

https://stackoverflow.com/questions/2889070/jquery-hide-table-rows