Wrapping HTML table rows in tags

Question

Is it possible to wrap entire table rows in tags? I want the the entire row to be a clickable link.

If I try the following, the links get rend

Answer 1

It renders like that because the browser is respecting the W3C specification and only allowing tags as direct descendents of

.

As a solution, you could either put an tag inside each

with JavaScript. A jQuery example would be this:

$('table tr').click(function() {
    window.location = 'http://location/here';
});

Or, even better, use delegated events (jQuery 1.7+):

$('table').on('click', 'tr', function() {
    window.location = 'http://location/here';
});

0 讨论(0)

查看其它9个回答

发布评论:

提交评论

---

•  加载中...

验证码

 看不清?

提交回复

热议问题

that points to the same URL: First column Second column Or you could bind an onClick handler to the