制作tab中遇到的jq问题
2017-04-06 21:30
190 查看
tab:
<div class="div">
<a class="active" href="#">1</a>
<a href="#">2</a>
</div>
在这里想当然的认为
$('.div a').click(function(){
$(this).find("a").addClass("active").siblings().removeClass('active');
});这样可以取消其他兄弟元素。其实不是,这样返回的是a的本身,而他本身只有自己根本没有兄弟。
所以应当这样:
$('.sidebar-nav a').click(function(){
$(this).addClass('active').parent().siblings().find("a").removeClass('active');
return false;
});
<a class="active" href="#"></a>
<div class="div">
<a class="active" href="#">1</a>
<a href="#">2</a>
</div>
在这里想当然的认为
$('.div a').click(function(){
$(this).find("a").addClass("active").siblings().removeClass('active');
});这样可以取消其他兄弟元素。其实不是,这样返回的是a的本身,而他本身只有自己根本没有兄弟。
所以应当这样:
$('.sidebar-nav a').click(function(){
$(this).addClass('active').parent().siblings().find("a").removeClass('active');
return false;
});
<a class="active" href="#"></a>
相关文章推荐
- 制作tab切换时遇到的问题
- 使用VS2005制作安装包时遇到的问题
- 在使用Asp.net制作网站的时候遇到的问题(二)
- pcb板制作过程中遇到的问题
- 解决执行Oracle控制脚本时遇到的 “cat: /etc/oratab: 没有那个文件或目录”的问题
- 制作安装包遇到的问题
- 制作Web安装文件时遇到的几个小问题及其解决思路
- 制作安装包遇到的问题安装netframewo
- question:读取以TAB为分隔符CSV文件时遇到的问题
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题
- 使用JQchart 所遇到的兼容性问题
- 在使用Asp.net制作网站的时候遇到的问题(一)
- 解决使用Visual Studio 2005制作Windows Mobile安装包遇到的一个小问题
- 制作web安装文件时遇到的几个小问题及其解决思路(续一)
- c# 安装包制作 可能遇到的问题及处理方法
- 在使用Asp.net制作网站的时候遇到的问题(一)
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题(转)
- 使用busybox-1.9.2制作CRAMFS问题系统过程中遇到的问题及解决的办法
- 制作wp主题遇到问题汇总
- 解决执行Oracle控制脚本时遇到的 “cat: /etc/oratab: 没有那个文件或目录”的问题