<ul class="nav nav-pills nav-stacked"> <li role="presentation" class="active"><a href="javascript:void(0);" onclick="aClicked(this)">申请一个会议</a></li> <li role="presentation" ><a href="javascript:void(0);" onclick="aClicked(this)">查看历史</a></li> <li role="presentation" ><a href="javascript:void(0);" onclick="aClicked(this)">正在进行的会议</a></li> </ul>
如上有这么一个结构
function aClicked(elem){ var that =elem; var parent = $(elem).parent(); $(parent).parent().find("li").each(function(){ alert(that==$(this); alert($(that)==$(this); }); }
这样情况下会是6个false
最后把javascript代码改成了这样...完成任务(就是点哪个,哪个的class= active,其他的取消)
function aClicked(elem){ $("ul li.active").removeClass("active"); $(elem).parent().addClass("active"); }
有这样代码
function aClicked(elem){ alert($(elem)); }
另外,这样写的话aClicked里面是可以获取正确的a标签的
<li role="presentation" ><a href="javascript:aClicked(this);">正在进行的会议</a></li>这么写就不可以
时间: 2024-10-11 17:03:43