jquery怎么样移除父类除自身之外的其它li的样式

  <script>
    $(document).ready(function() {
    
    $("h2").append('<em></em>')
    $("#productInfo li a").click(function () {
        
        
        $(this).addClass("checked").parents().removeClass("checked");
        
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        $("#placeholder").attr({ src: largePath, alt: largeAlt });        
        $("h2").html(" (" + largeAlt + ")"); return false;        
    });
    
});
</script>

<div id="productInfo">
         <ul>
          <li><a href="images/imb01.gif"  title="甜美褶皱连衣裙"><img src="images/img01.gif" /></a></li>
          <li><a href="images/imb02.gif" title="甜美褶皱连衣裙1"><img src="images/img02.gif" /></a></li>
          <li><a href="#" title="甜美褶皱连衣裙2"><img src="images/img03.gif" /></a></li>
          <li><a href="images/imb04.gif" title="甜美褶皱连衣裙3"><img src="images/img04.gif" /></a></li>
          <li><a href="images/imb05.gif" title="甜美褶皱连衣裙4"><img src="images/img05.gif" /></a></li>
          <li><a href="#" title="甜美褶皱连衣裙5"><img src="images/img06.gif"  /></a></li>
          <li><a href="images/imb07.gif" title="甜美褶皱连衣裙6"><img src="images/img07.gif" /></a></li>
          <li><a href="images/imb08.gif" title="甜美褶皱连衣裙7"><img src="images/img08.gif" /></a></li>
          <li><a href="#" title="甜美褶皱连衣裙8"><img src="images/img09.gif" /></a></li>
          <li><a href="images/imb10.gif" title="甜美褶皱连衣裙9"><img src="images/img10.gif" /></a></li>
          <li><a href="images/imb11.gif" title="甜美褶皱连衣裙10"><img src="images/img11.gif" /></a></li>
          <li><a href="#" title="甜美褶皱连衣裙11"><img src="images/img12.gif" /></a></li>
         </ul>
        </div>

我要在点击的a 上加样式，同时移除父类除自身之外其它a的样式，请问应该如何操作

解决的方法有二个：
1.设置一个$temp全局变量
$temp=$(this);
$("#productInfo>ul>li>a").removeClass("checked");
$tempaddClass("checked");
2.用siblings()
$(this).addClass("checked").parent().siblings().children().removeClass("checked");