jquery获取兄弟元素
2015-10-10 10:52
387 查看
按照w3c school的指引,jquery中,要获得一个元素的兄弟,可以用 prev()、next()两种方法。顾名思义,prev()获得前一个,next()获得后面一个。
问题是,如果存在前后兄弟,这俩方法可能会返回实打实的对象;如果是没有呢?返回啥?是null吗?
答案不是。你如果想用 if( $(“#div1”).prev() == null ) { alert(“没啦”);} ,注定会撞板。因为永远不会为null。
我试来又试去,最后是这样搞的:
最讨厌网上那些文章,一大抄,篇篇信誓旦旦,但只说些人所共知的东西,不实用,关键时刻靠不住。
获取兄弟的使用场景,比如说 页签。点击某个页签,那这个会不会是第一个或者最后一个?
=========================
其实也可以这样:
问题是,如果存在前后兄弟,这俩方法可能会返回实打实的对象;如果是没有呢?返回啥?是null吗?
答案不是。你如果想用 if( $(“#div1”).prev() == null ) { alert(“没啦”);} ,注定会撞板。因为永远不会为null。
我试来又试去,最后是这样搞的:
if (typeof $("#div1").prev().html() == "undefined") { alert("没啦"); }
最讨厌网上那些文章,一大抄,篇篇信誓旦旦,但只说些人所共知的东西,不实用,关键时刻靠不住。
获取兄弟的使用场景,比如说 页签。点击某个页签,那这个会不会是第一个或者最后一个?
=========================
其实也可以这样:
if ( $("#div1").prev().length == 0) { alert("没啦"); }
相关文章推荐
- jquery对象和dom对象的相互转换
- myeclipse导入jquery.min.js文件打叉
- 相关Jquery Validator采用
- jQuery 中 attr() 和 prop() 方法的区别
- 初步了解JavaScript,Ajax,jQuery,并比较三者关系
- 表单验证插件Validation应用的实例讲解
- jquery页面加载成功后自动执行
- Jquery+asp.net实现Ajax方式文件下载实例代码
- jquery获取兄弟元素
- jquery和css自定义video播放控件。
- jQuery的deferred对象详解
- PHP+Mysql+jQuery文件下载次数统计实例讲解
- PHP+Mysql+jQuery中国地图区域数据统计实例讲解
- jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
- jQuery CSS 操作 - scrollLeft() 方法
- jQuery CSS 操作 - position() 方法
- jquery选择器的使用1---获取html和属性
- jQuery CSS 操作 - offsetParent() 方法
- jQuery CSS 操作 - height() 方法
- jQuery CSS 操作 - css() 方法