2010-12-20 10 views
0

やあ、これは、私は私にこのコードを確認して、私に提案してください。

<!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行および削除を動的に作成しneesd 、エラーが発生しますこれは:

$('.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

関連する問題