Column width with jQuery

Question

ms-vh2 exists by verifying "view source" but I cant get the following code to do the tricks for me. any idea??

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
    $("tr.ms-viewheadertr th:contains('Name')").css("width", "315px");
    //$("TH.ms-vh2:contains('Name')").css("width", "50px");
    //$("TH.ms-vh2-nograd:contains('Title')").css("width", "350px");
    //$("TH.ms-vh2:contains('LongDescription')").css("width", "350px");
});
</script>

Answer 1

The selector is working for me. Try this to see if the selector is working for you:

$("th.ms-vh2:contains('Name')").css("background-color", "red");  

It might be that your selector is working, but the css seems like it isn't. What I mean by this is that I can't reduce the width of the <th> to 1px because the content that it contains won't allow it to be that small.