$(this)를 기준으로 선택해야하는 div이나 input를 찾아가야할떄 방법이 채택완료
$(this)를 기준으로 선택해야하는 div이나 input를 찾아가야할떄 방법이 제이쿼리로
$(this).parent().parent().parent().prevAll().children().children(".btn_del").css('border', '3px solid #f45531');
btn_del이라는 div가 하나가 아닌 여러가지 이기때문에.. 꼭 클릭한 div기준으로 찾아서 그 btn_del만 조절해서 사용하려는데..
이렇게 하는 방법말고.. 다이렉트로 갈수잇는 방법이 잇을까요..?
답변 5개
상위에 btn_del 를 구분할 수 있는 단위 태그가 있다면 그 태그에 class 를 추가하면 좀 나을 것 같네요.
btn_del 가 tr 이나 li (또는 div 로 컨테이너를 만드시거나) 내에서 구분된다고 하면 tr 이나 li 에 클래스를 주는 거죠.
</p>
<p><tr class="sample"><div><button class="btn_test">테스트</button></div><div><div><button class="btn_del">삭제</button></div></div></tr></p>
<p><tr class="sample"><div><button class="btn_test">테스트</button></div><div><div><button class="btn_del">삭제</button></div></div></tr></p>
<p> </p>
<p>$('.btn_test').click(function(){</p>
<p> $(this).parent('.sample').find('.btn_del').css('border', '3px solid #f45531');</p>
<p>}</p>
<p>뭐 대충 이런 식으로 될거 같네요. 이것도 긴가요? ㅋ
아니면
클릭하는 태그의 value 같은 속성에 유일값을 주고 이 값을 btn_del 버튼의 클래스나 아이디에 넣고 연동하는 방법도 있겠네요.
</p>
<p>$('.btn_test').click(function(){</p>
<p> $('#'+$(this).val()).css('border', '3px solid #f45531');</p>
<p>}</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
$('.btn_del').on('click', function() { $(this).css('border', '3px solid #f45531'); });
댓글을 작성하려면 로그인이 필요합니다.
btn_del 클래스를 가진 엘리먼트나 $(this)에 data 속성값이나 같은 고유의 클래스값을 집어넣어 활용하는 방법도 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인