jquery: 테이블 한 줄 데이터 추가 및 제거

1409 단어 jquery
function addtr() {
	var $table = $("#tab tr");
	var len = $table.length;
	$("#tab").append(
			"<tr id=" + (len + 1) + "><td align='center'>" + len
					+ "</td><td align='center'>jQuery" + len
					+ "</td><td align='center'><a href='#' onclick='deltr("
					+ (len + 1) + ")'>  </a></td></tr>");
}

// delete method
 function deltr(index){
   // alert("tr[id='"+index+"']");
    $table=$("#tab tr");
    if(index>$table.length){
      return;
    } else{
			$("tr[id='"+index+"']").remove(); 
   		//$("tr:gt('"+index+"')").each    
     	for(var temp=index+1;temp<=$table.length;temp++){
				$("tr[id='"+temp+"']").replaceWith("<tr id="+(temp-1)+"><td align='center'>"
				+(temp-2)+"</td><td align='center'>jQuery"+(temp-2)
				+"</td><td align='center'><a href='#' onclick='deltr("
				+(temp-1)+")'>  </a></td></tr>");
    } 
	} 
}

좋은 웹페이지 즐겨찾기