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/

Reply via email to