raj*_*har 0 html javascript css jquery
嗨,这会产生错误,我需要动态创建行和删除请帮助我
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dynamic Rows</title>
<script src="Include_Files/jquery-1.4.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("<table class='ta1' border='1'></table>").appendTo('.table1');
$('.add').click(function(){
addRows();
};
function addRows(){
$table=$(".ta1");
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table);
}
});
</script>
</head>
<body>
<div id="table1"></div>
<input type="button" class="add" name="add" value="AddRows"/>
<input type="button" class="delete" name="delete" value="DeleteRows"/>
</body>
</html>
你只需要几个语法错误,缺少)为您.click()处理为主,和var为$table1,所以这样的:
$('.add').click(function(){
addRows();
};
function addRows(){
$table=$(".ta1");
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table);
}
应该:
$('.add').click(function(){
addRows();
});
function addRows(){
var $table=$(".ta1");
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table);
}
而你可以进一步减少这一点:
$('.add').click(addRows);
function addRows(){
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo(".ta1");
}
要不就:
$('.add').click(function (){
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo(".ta1");
});