> 웹 프론트엔드 > JS 튜토리얼 > jquery가 테이블 Row_jquery를 동적으로 추가하고 삭제하는 작은 예입니다.

jquery가 테이블 Row_jquery를 동적으로 추가하고 삭제하는 작은 예입니다.

WBOY
풀어 주다: 2016-05-16 17:15:17
원래의
1008명이 탐색했습니다.

코드 복사 코드는 다음과 같습니다.





<script><BR> $(function(){<BR> var show_count = 20; //표시할 항목 수<BR> var count = $(" input:text").val(); //증분의 시작 값, 여기에 ID가 있습니다.<BR> var fin_count = parsInt(count) (show_count-1) //종료 조건 증분<BR> <P> $("#btn_addtr").click(function(){<BR> if(count < fin_count) //클릭 시 현재 숫자가 증가 종료 조건보다 작은 경우 <BR> { <BR> $( "tr:eq(1)").clone().appendTo("table"); //테이블 뒤에 행을 추가합니다<BR> $("tr:last td input:first"). val( count); / /추가된 행의 ID 값 변경 <BR> }<BR> });<BR> }); <P> function deltr(){<BR> var length=$("tr").length;<BR> if(length<=2){<BR> Alert("최소 한 줄은 유지하세요.");<BR> } else{<BR> $("tr:last").remove();<BR> }<BR> }<BR></script>











ID사용자 이름< /td> ;
사용자 유형기타







관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿