If you hover over a price, you will notice the price and 1st child of .catTr td is highlighted. None of the others are. The goal is to create a very clear grid of what is being selected.

How can I get it to apply the same styling to every child td in the column with class tr.cat ?

Live Link: http://www.sinsysonline.com/cameron/nick/repair/price.html

HTML:

&lt;table id="prices"&gt;
    &lt;tr&gt;
        &lt;td class="clear"&gt;&lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="head"&gt;
        &lt;td class="clear"&gt;&lt;/td&gt;
        &lt;td class="head"&gt;
            &lt;a href="desktop.html"&gt;&lt;h3&gt;Desktop&lt;/h3&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td class="head"&gt;
            &lt;a href="laptop.html"&gt;&lt;h3&gt;Laptop&lt;/h3&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td class="head"&gt;
            &lt;a href="server.html"&gt;&lt;h3&gt;Server&lt;/h3&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr id="priceRow"&gt;
        &lt;td class="clear"&gt;&lt;/td&gt;
        &lt;td class="price"&gt;
            &lt;h2&gt;Testing&lt;/h2&gt;
        &lt;/td&gt;
        &lt;td class="price"&gt;
            &lt;h2&gt;Testing&lt;/h2&gt;
        &lt;/td&gt;
        &lt;td class="price"&gt;
            &lt;h2&gt;Testing&lt;/h2&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="catTr"&gt;
        &lt;td class="category"&gt;
            &lt;a href="services_hwrep.html"&gt;Hardware Repair&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="catTr"&gt;
        &lt;td class="category"&gt;
            &lt;a href="services_netts.html"&gt;Network Troubleshooting&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="catTr"&gt;
        &lt;td class="category"&gt;
            &lt;a href="services_netts.html"&gt;Network Troubleshooting&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="catTr"&gt;
        &lt;td class="category"&gt;
            &lt;a href="services_netts.html"&gt;Network Troubleshooting&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr class="catTr"&gt;
        &lt;td class="category"&gt;
            &lt;a href="services_netts.html"&gt;Network Troubleshooting&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href="services_hwrep.html"&gt;&lt;img src="../css/images/check.png" /&gt;&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;


    &lt;tr class="foot"&gt;
        &lt;td div class="clear"&gt;&lt;/td&gt;
        &lt;td class="foot"&gt;
                &lt;a href="contact.html" class="action_button"&gt;Contact Us&lt;/a&gt;
        &lt;/td&gt;
        &lt;td class="foot"&gt;
                &lt;a href="contact.html" class="action_button"&gt;Contact Us&lt;/a&gt;
        &lt;/td&gt;
        &lt;td class="foot"&gt;
                &lt;a href="contact.html" class="action_button"&gt;Contact Us&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;


jQuery:

&lt;script&gt;
(function() { 

    $('tr.catTr td').not('.category').hover(function(){

        var priceSel = $(this).index();

        $('tr#priceRow td').eq(priceSel).addClass('price_hover');
        $('tr.catTr td').eq(priceSel).addClass('vertFilt');

        $(this).closest('tr').find('td.category').addClass('category_hover');

    },function(){

        var priceSel = $(this).index();

        $('tr#priceRow td').eq(priceSel).removeClass('price_hover');
        $('tr.catTr td').eq(priceSel).removeClass('vertFilt');

        $(this).closest('tr').find('td.category').removeClass('category_hover');

    });

})();
&lt;/script&gt;


Live Link:
http://www.sinsysonline.com/cameron/nick/repair/price.html

Now, how to highlight EVERY equivalent child in the column....

I know I need to do something with .each(), but I'm unsure where to put it...


Question: Polite alternatives to "as soon as possible"
Answer: You could say "quick as you can", "expedite please". 

This is not as polite but you could say "immediately if not sooner".