我试图让我的表行作为链接。我在SO上找到了一些答案，显示了如何执行此操作，但是由于某种原因，我的代码无法正常工作。谁能帮我找到导致它无法正常工作的原因？谢谢。
我试着看
Making a table row (tr) clickable with jQuery (with an a href link, and hover!?)
和
how to get selected table row values using jquery?
至今。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>X</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
tr {
margin:2px;
padding:10px;
display:block;
background:#EEE;
cursor:pointer;
}
tr:hover {
background:#BBB;
}
</style>
</head>
<body>
<script>
$("tr").click(function() {
window.location.href = $(this).attr("href");
});
</script>
<table class="tbl">
<tr class=clickableRow href="http://www.zombo.com">
<td>2014</td>
<td>ACADIA</td>
<td>SLE-2</td>
</tr><tr class=clickableRow href='http://www.xkcd.com'>
<td>2014</td>
<td>ACADIA</td>
<td>Denali</td>
</tr><tr class=clickableRow href='http://www.legit_url_not_fake_at_all.com'>
<td>2014</td>
<td>ACADIA</td>
....
(SNIP)
谢谢。
最佳答案
使用Document.ready：
<script>
$(document).ready(function(){
$("tr").click(function() {
window.location.href = $(this).attr("href");
});
});
</script>
关于javascript - 获取表行作为链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25675270/