有没有办法制作可点击的<td>
或<tr>
代码?
答案 0 :(得分:5)
<td><a href="foo">bar</a></td>
答案 1 :(得分:5)
<td onclick="window.location = 'index.html';">cell content</td>
index.html上面可以是任何URL或内部页面链接。注意:当您使用此javascript方法将鼠标悬停在单元格上时,鼠标指针不会变成指针,但单击该单元格会将您带到URL。
答案 2 :(得分:3)
要将非链接标记转换为链接,请使用@Lie Ryan的答案并将a
放入元素中。
能够将链接到元素:
使用a
<a href="#idOfTheElement">Link to the element</a>
和一个命名点:
<td id="idOfTheElement">contents</td>
答案 3 :(得分:1)
<td><a name="foo"/>bar</td>
答案 4 :(得分:1)
<td>
可以有一个JavaScript onclick
事件。
除此之外,将<a>
放入表格单元格,并给它一个固定的宽度来填充表格(你需要将其设为display: block
)是最可靠的方法。 / p>
答案 5 :(得分:1)
如果我理解你的意思:
<td id="yourcell">Just a useless cell</td>
...
<a href="yourpage.html#yourcell">link</a>
答案 6 :(得分:0)
这是使用jquery制作它的正确方法。
$(document).ready(function() {
$('#tableid tr').click(function() {
var href = $(this).find("a").attr("href");
if(href) {
window.location = href;
}
});
});
如果你想让所有细胞都可以点击,你需要在点击功能中提到“td”。