일부 tr style 제어하기 채택완료
tr 클릭했을때 onclick 이벤트를 줬습니다.
tr마다 고유 ID값이 있어서 onclick에 함수 호출하면서 파라미터로 ID값을 넘겼습니다.
alert로 ID값이 잘 뜨는걸 확인했습니다.
넘겨받은 ID를 갖고 있는 tr 태그만 style을
클릭했을때 block 이면 none으로 none 이면 block 으로 바꾸려고 하는데
어떻게 짜야할지 잘 모르겠습니다.
tr 클래스는 one_item_view 입니다.
function show_only_this_item(only_this_item) {
$(".one_item_view").click(function() {
alert(only_this_item);
if($(".one_item_view").css("display","")) {
$(".item_more_view").css("display","none");
}else if($(".item_more_view").css("display","none")){
$(".item_more_view").css("display","block");
}
});
}
답변 3개
특정한 대상 아이디 tr 을 컨트롤 하시려면
function testww(tr_id){ var _tr = this.document.getElementById(tr_id); //alert(_tr.style.display); if( _tr.style.display == "none" || !_tr.style.display) _tr.style.display = "block"; else if( _tr.style.display == "block") _tr.style.display = "none"; } 위 코드로 테스트해보세요
댓글을 작성하려면 로그인이 필요합니다.
현재 내용중에서 문제점을 본다면 tr태그 자체에 onclick이라는 이벤트가 있는데 다시 제이쿼리 부분에서 클릭이벤트를 다시 걸어주는 것은 중복이라고 보여지고요. id값이 있는지를 확인하려면 #변수명 형식으로 구성이 되어야 하는데 그런 부분이 보여지지 않네요. 이런 부분 체크해서 다시 구성해 보세요.
댓글을 작성하려면 로그인이 필요합니다.
testww(아이디)"> 답변에 대한 댓글 1개
답변에 대한 댓글 1개