[javascript] 이벤트 발생한 tr 태그 찾아 삭제하기


[javascript] 이벤트 발생한 tr 태그 찾아 삭제하기

해당 이벤트 태그를 찾는 방법은 매우 다양하다. 각각 태그에 onclick를 주고 파라미터로 this를 넘겨서 찾는 방법도 있을 거고 event.target을 이용하여 이벤트가 발생한 태그를 찾는 방법도 있다. 이번에는 jQuery를 이용해서 인덱스를 추출하고 tbody 태그의 몇 번째 tr인지를 찾아 삭제를 했다. 이렇게 했을 때에는 굳이 동적으로 생성된 버튼에 onclick 이벤트를 따로 주지 않더라도 처리가 가능하다. 나는 name 식별자를 기준으로 찾도록 개발했다. HTML <input type="button" name="delete" value="삭제"/> jQuery $(document).on("click","[name=delete]", function(){ if(confirm("삭제하시겠습니까?")) { var idx = $("[name=delete]").index(this); // 삭제버튼을 클릭한 로우의 인덱스 추출 $("#tbdy").children().eq(idx...


#delete #태그 #클릭 #제이쿼리 #자바스크립트 #이벤트 #삭제 #동적 #onclikc #jquery #javascript #태그삭제

원문링크 : [javascript] 이벤트 발생한 tr 태그 찾아 삭제하기