<分区>
标签 javascript jquery html css
嗨,这会产生一个错误, 我需要动态创建行和删除请帮助我
<!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");
});
关于javascript - 请验证此代码给我一个建议?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4486811/
相关文章:
javascript - 将原型(prototype)/方法添加到 jQuery val();
jquery - $(document).ready() 在加载部分 View 之前触发
c# - 从 C# .NET 流式传输时从 HTML5 视频获取导航功能
javascript - 服务中的 $http 返回 Angularjs 服务中 $$state 的值
javascript - polymer 计算绑定(bind)不会在更新时重新计算
javascript - 在 Javascript 中,你能扩展 DOM 吗?