[cmbasse]

I have a table created via php like this:

    <table>
  <?php
  $squery = "SELECT DISTINCT(Year_Played) AS yp, Sessions  FROM pinkpanther_games ORDER BY id DESC";
  $sresults = mysql_query($squery);
   while ($srow = mysql_fetch_assoc($sresults)){
 echo "<tr><td>";
 echo "<a href='#' onclick=\"\">Session " . $srow['Sessions'] . "<br>" . substr($srow['yp'], 0, 4) . "-". substr($srow['yp'], 4, 7) . "</a>";
 echo "</td></tr>"; 
   }
  ?>
    </table>   

and then i have this function:

 <script type="text/javascript"> 
 $("#spicker td").bind("click", function(){
 $(this).attr("class", "special");
});
</script>

and it doesn't work. I have tried this function on a table not created with php and it works fine so i don't know what is wrong

this is the style I'm trying to change to:

.special{
 width: 150px;
 padding-left:25px;
 padding-top: 25px;
 padding-bottom: 25px;
 background-color: #fff;
 color: #000;
}

[e_i_pi]

The method you are using replaces all existing classes on that selector with the class special. This may not be what you want (I'm not sure what other classes that selector has inherited.
Have you tried the methods .addClass(} and .removeClass? There is also .toggleClass(), which could be useful depending on your requirements

[cmbasse]

I modified some styles and then did this and now it all works great

 $("#spicker td").bind("click", function(){
	$('#spicker td').each(function(index, element) {
	    if ($(this).hasClass("special")){
			$(this).toggleClass("special");	
		}
    });
	$(this).toggleClass("special");
	
});