javascript如何用jq改写

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>case2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk2312">
<script language="JavaScript" src="../js/jquery.js"></script>
</head>
<body>
用户名：<input id="name" type="text" name="username">
密码：<input id="password" type="text" name="password">
邮箱: <input id="email" type="text" name="email">
<input type="submit" value="提交">
<br />
<table border="1px">
<tr>
<td>用户名</td>
<td>密码</td>
<td>邮箱</td>
<td>&nbsp</td>
</tr>
<tr>
<td>zhangsan</td>
<td>123456</td>
<td>383264679@qq.com</td>
<td><a href="#">delete</a></td>
</tr>
<tr>
<td>lisi</td>
<td>45667899</td>
<td>4454@163.com</td>
<td><a href="#">delete</a></td>
</tr>
</table>
</body>
<script type="text/javascript">
var i = 1;
window.onload = function() {
$("input:eq(3)").click(function() {
var name_value = $("#name").val();
var password_value = $("#password").val();
var email_value = $("#email").val();
//1创建tr节点
var $tr = $("<tr></tr");
//2创建a节点
var $a = $("<a></a>")
$a.attr("href","#");
$a.attr("id",i++);
$a.text("delete");
//3创建td节点
var $name_td = $("<td></td>");
$name_td.text(name_value);
var password_td = $("<td></td>").text(password_value);
var email_td = $("<td></td>").text(email_value);
var $a_td = $("<td></td>").append($a);
//4.将td添加到tr中
$tr.append($name_td);
$tr.append(password_td);
$tr.append(email_td);
$tr.append($a_td);
//5.将tr添加到table中
$("table:eq(0)").children().eq(0).append($tr);
$a.click(function() {
return del_tdNode(this);
});
});
//删除结点
function del_tdNode(a) {
var td = a.parentNode;
var tr = td.parentNode;
tr.parentNode.removeChild(tr);
//alert(td.nodeName);
// var $tr = $("$td[0]:parent");//获取tr节点
//$td.remove();
}
}
</script>
</html>

复制代码

function del_tdNode(a) {
var td = a.parentNode;
var tr = td.parentNode;
tr.parentNode.removeChild(tr);
//alert(td.nodeName);
// var $tr = $("$td[0]:parent");//获取tr节点
//$td.remove();
}
这个函数如何用jq改下，晕·！

谭威 · 谭威

帐号		自动登录	找回密码
密码			加入黑马

javascript如何用jq改写

1 个回复