슈퍼 간단하고 실용적인 방법으로 동적 테이블을 삭제하는 행을 추가 만들기 위해 jQuery를 사용하여

jQuery를 동적으로 테이블 내부에 행을 추가하고 삭제하여, 더없는 코드에 직접 대답.

<! DOCTYPE HTML> 
<HTML> 
<HEAD> 
    <메타 캐릭터 = "UTF-8"> 
    <메타 이름 = "뷰포트"내용 = "폭 = 기기 폭 초기 스케일 = 1"> 
    <메타 NAME = "뷰포트 "함량 ="폭 = 기기 폭 초기 스케일 = 1, 최대 스케일 = 1, 사용자 확장 = 아니오 "> 
    <메타 HTTP-당량 ="X-UA 호환 "내용 ="IE = 가장자리 "> 
    <제목>元素的添加与删除</ 제목> 
    <메타 이름 = "사과 모바일 웹 응용 프로그램 가능한"내용 = "예"> 
    <메타 이름 = "사과 모바일 웹 응용 프로그램 - 상태 - 바 - 스타일 "내용 ="블랙 "> 
    <스크립트 유형 ="텍스트 / 자바 스크립트 "SRC ="JQuery와-1.10.1.js "> </ script>
</ head> 
<body> 
<form> 
<표 테두리 = "1 픽셀"폭 = "200 픽셀"ID = "표 1"> 
    <TR 스타일 = "높이 : 20 픽셀">
        <TD> 0 </ TD> 
        <TD> <input 타입 = "버튼"은 οnclick = "(ADD 이 );" 값 = '添加"> </ TD> 
    </ TR> 
    <TR 스타일 ="높이 : 20 픽셀 "> 
        <TD> 1 </ TD> 
        <TD> <input 타입 ="버튼 "οnclick ="델 ( 이 ); " 값 = "删除"> </ TD> 
     </ TR> 
    <TR ID = "TR2"스타일 = "높이 : 20 픽셀"> 
    <TD> 2 </ TD> 
        <TD> <B οnclick = "델 ( 이 ); ">删除</ B> </ TD> 
    </ TR> 
</ 테이블> 
</ FORM> 
</ body> 
< 스크립트 유형 = "텍스트 / 자바 스크립트"> var에 나는 = 3;
함수 델 (E) { 
    .. $ (E) .parent () 부모 ()는 () 제거; 
    나는--; 
}
    
 

 함수 추가 () {

    . $ ( "#의 표") (추가 "<TR 스타일 = \"높이 : 20 픽셀 \ "> \ n"+ 
        "<TD>"+ 난 + "</ TD> \ n"+ 
        "<TD> <input 타입 = \ "버튼 \"οnclick = "델 (이) \"\ = \ "删除\"> </ TD> \ n '+ 값 
        "</ TR>") 
    I ++; 
} 

</ script> 
</ HTML>

슈퍼 간단하고 실용적인 방법으로 동적 테이블을 삭제하는 행을 추가 만들기 위해 jQuery를 사용하여

추천