Well, if you're not averse to adding more markup to your html, you could add
an id to the th's and then headers="thID" attributes to the tds. It's
technically correct from an HTML/accessibility point of view and gives you a
way of selecting using jQuery 'attribute selectors':
highlightCol("[EMAIL PROTECTED]'thID']");
Have a look at this
http://www.456bereastreet.com/archive/200410/bring_on_the_tables/ if you're
interested.
Cheers,
Dan.
On 2/9/07, Mark Harwood <[EMAIL PROTECTED]> wrote:
Im trying to figure out how i could go about highlighting table cells
that are grouped vertically when you hover over the THEAD element or the
TFOOT element.
Im not sure how i should grab them via jQuery though.
Say we have a table like
<table>
<thead>
<tr>
<th>People</th> <--// Hove over this //->
<th>Ages</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td> <--// Highlight this //->
<td>68</td>
<td>none</td>
</tr>
<tr>
<td>Joe</td> <--// Highlight this //->
<td>99</td>
<td>none</td>
</tr>
<tr>
<td>Mary</td> <--// Highlight this //->
<td>72</td>
<td>none</td>
</tr>
</tbody>
</table>
Any ideas? it would need to select all the TD directly below it, or
above it if we was highlighting a TFOOT element
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
Daniel Eastwell
Portfolio and articles:
http://www.thoughtballoon.co.uk
Blog:
http://www.thoughtballoon.co.uk/blog
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/