본문 바로가기

HTML,CSS

210408 jquery CSS table tr td 부모 자식 요소 조건 따라 찾아서 스타일링

 

아따 써먹으려고 했는데 카페24 디테일 페이지는 넘 복잡하다.

일단 포기.

 

내용은 화면상의 table과 그 자식 tr을 찾는다. 찾아서 각각 확인한다. tr의 css 중 display가 none 으로 되어 있는지 아닌지. none 으로 되어 있으면 다시 반대로 올라간다. 첨엔 $(this).parent() 를 한 번만 했는데 안 되서 보니까 table, tbody, tr 순이었다. 그래서 parent() 를 한 번더 추가해줌. 그니까 tr의 부모 요소(=tbody)의 부모 요소(=table)를 숨김 처리한다.

 

$(document).ready(function() {

a = $('table tr');
a.each(function(i,e) {	
	if ($(this).css('display')=='none') {
		//$(this).parent().parent().hide();
	}	
});

});

 

 

728x90