jquery 中的筛选问题

Question

<table class="tabletopmenu">
<tr>
<td class="active"><a href="#" ><span>HOME</span></a></td>
<td ><a href="#"><span>NEW ARRIVALS</span></a></td>
<td><a href="#"><span>TOP RATED</span></a></td>
<td><a href="#"><span>RINGS</span></a></td>
<td><a href="#"><span>EARRINGS</span></a></td>
<td><a href="#"><span>BRACELETS</span></a></td>
<td><a href="#"><span>NECKLACES</span></a></td>
<td><a href="#"><span>ACCESSORY</span></a></td>
<td><a href="#"><span>SALE</span></a></td>
</tr>
</table>因为class="active"这个类，是不固定在第一个td里面的，点击的时候它会到相应的td里面去，
现在我想做一种效果，当class="active"这个类在第一个td里面时给它做一个样式margin-left:2px;}，
.first_active a{margin-left:2px;}
我试着写了两种方法，但是都不对：
$(".tabletopmenu td:first .active").addClass("first_active");
--------------------------------------------------------------
$(".tabletopmenu td.active:first ").addClass("first_active");
朋友们，你们觉得应该怎样写才对了？

Answer 1

$(".tabletopmenu td:first.active").addClass("first_active");//试一下这个，中间的空格去掉，我这边测试可以！

Answer 2

仅仅是添加，那你不是每一个TD里都有了first_active类了？$(".tabletopmenu td").bind('click',function(){this.addClass('first_active');})
$(".tabletopmenu td").blur('click',function(){this.removeClassClass('first_active');})//用完还记得清除！