jquery单击选中？
如下html代码：

<div class="te" style="height: 49px;">
<ol class="box bowinui-clearfix" style="height: 49px; width: 2894px; margin-left: -665px;">
<li class="ebox" style="height: 49px;">
<div class="con">
<a href="javascript:void(0);"><img class="TopImgae" title="2013-03-18" alt="2013-03-18" src="tml_text.gif"></a><div class="TopDate">2013年03月</div></div><span class="dot" style="top: 71px;"></span></li>
<li class="ebox" style="height: 49px;"><div class="con"><a href="javascript:void(0);"><img class="TopImgae" title="2013-07-01" alt="2013-07-01" src="tml_text.gif"></a><div class="TopDate">2013年07月</div></div><span class="dot" style="top: 71px;"></span></li>

</ol>

</div>

用jquery如何实现用户单击了第一个li中的<img>后，选中状态(样式修饰),其它的另一个li呈非选中状态呢?
谢谢!
------解决方案--------------------
最简单的方法，就是点击后先清空所有li的选中样式，然后设置本次选中的li
------解决方案--------------------
$("li").find("img").live("click", function () {
        $("li").find("img").attr("class", "notselected");
        $("this").attr("class", "selected");
});