채택완료
리스트에서 input 을 하나 달았는데요 input 클릭시 해당 줄의 색이 바뀌었으면 합니다.
그림으로하는게 설명이 더 빠를것 같아 그림첨부했어요.
위 그림처럼 리스트화면에 인풋을 넣었는데요 해당 인풋 클릭시 인풋이 있는 줄을 모두
색상변하게 하고 싶습니다.
hover 로 하면되는데 마우스가 해당 인풋을 벗어나면 색상이 다시 지워지더라구요..
한번이라도 input 클릭시 해당 줄의 배경색이 모두 노란색이되게 하려면 어떻게 해야할까요?
게시판은 그누5 기본 게시판 이구요 인풋은 wr_1 이고 아이디 및 클래스는 wr_1a 입니다.
테이블쪽 tr 아이디 및 클래스는 tr_bg 입니다.
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
인아이디어
2016-11-14 (월) 00:18:18
Copy
<script>$(function () { $("input[name=wr_1]").on('click', function () { $(this).closest('tr').find('td').css({ 'background' : 'yellow' }) })}) </script>답변에 대한 댓글 1개
초보자나요
2016-11-14 (월) 00:30:26
인아이디어
2016-11-14 (월) 00:35:39
초보자나요님 // 클래스를 따로 만들어 놓으신다면
스크립트 + CSS 클래스로 처리 가능합니다
위의 소스 중 4~6 라인을 변경하시면 됩니다.
그리고 wr_?? 같은 name에 숫자만 변경이 된다면 하단과 같은 방식으로 변경하셔도 됩니다
Copy
<script>$(function () { $("input[name^=wr_]").on('click', function () {
$(this).closest('tr').find('td').addClass('bg-yellow');
})
})
</script>
위와 같은 형식으로 변경하시면 td 안에 wr_로 시작하는 input text는 전체적으로 적용이 가능해집니다.
답변을 작성하려면 로그인이 필요합니다.
혹시요.. 클래스로 할수 있는 법은 없을까요?
생각해보니 필드가 많아질것 같아서요^^