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="jquery单击选中?该怎么解决" 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="jquery单击选中?该怎么解决" 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");
});