2010-12-20 29 views
0

在这种创建错误, 我neesd动态创建行和删除,请帮我请验证此代码给我一个建议?

<!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> 

回答

5

你只是有几个语法错误,你.click()处理程序主要是缺少),并$table1一个var,所以这样的:

$('.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"); 
} 

或者只是:

+0

太感谢你了...! – rajasekhar 2010-12-20 04:14:46