首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

jquery单击选中?该怎么解决

2013-10-17 
jquery单击选中?如下html代码:div classte styleheight: 49pxol classbox bowinui-clearfix

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");
});

热点排行