jquery 怎么禁用 td 里面的 a标签单击事件

renjunhang 2014-02-23 09:27:08

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>禁用a标签</title>
<link href="demo/reset.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-1.4.js"></script>
<link href="demo/skins/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="demo/js/select_split.js"></script>
<body>
<table style=" font-size:16px" border="1">
<tbody>
<tr>
<td class="shijian"><div> <a href="javascript:;" onclick="show()">有事件10</a> <a href="javascript:;" onclick="show()">有事件11</a> <a href="javascript:;" onclick="show()">有事件12</a> </div></td>
<td class="shijian"><div> <a href="javascript:;" onclick="show()">有事件1</a> <a href="javascript:;" onclick="show()">有事件2</a> <a href="javascript:;" onclick="show()">有事件3</a> </div></td>
</tr>
<tr>
<td class="shijians"><div> <a href="javascript:;" onclick="show()">有事件4</a> <a href="javascript:;" onclick="show()">有事件5</a> <a href="javascript:;" onclick="show()">有事件6</a> </div></td>
<td class="shijians"><div> <a href="javascript:;" onclick="show()">有事件7</a> <a href="javascript:;" onclick="show()">有事件8</a> <a href="javascript:;" onclick="show()">有事件9</a> </div></td>
</tr>
</tbody>
</table>

<script>
function show(){
alert("点我了！！！")
}

$(function(){
$(".shijian").each(function(){
alert( $(this).find("a").unbind())
})
});
</script>
</body>
</html>

这是我写的代码帮我看看哪里错了！

...全文