Jquery下:nth-child(an+b)的使用注意


Posted in Javascript onMay 28, 2011

Jquery下:nth-child(an+b)的使用注意
后面两个Class为空来应对可能增加的列数来调节列宽
$("div>p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")来选择每行的第2列,但是却选中了第三列,百思不得其解
利用firbug查询该元素无意发现元素下的nodeindex(nodeindex为同级元素中的先后顺序)和参数an+b计算后的值相同,原来想直接利用nodeindex选择第2列好了但是不知道如何做好
查了下百度无意发现nth-child也是利用nodeindex选择的 具体实现如下

filters:{ 
//如$("input[name^='news']")【<inputname="newsletter"/>】 

ATTR:function(elem,match){ 


varresult=Expr.attrHandle[match[1]]?Expr.attrHandle[match[1]](elem):elem[match[1]]||elem.getAttribute(match[1]),value=result+"",type=match[2],check=match[4]; 


returnresult==null? 



type==="!=": 



type==="="? 



value===check: 



type==="*="? 



value.indexOf(check)>=0: 



type==="~="? 



(""+value+"").indexOf(check)>=0: 



!match[4]? 



result: 



type==="!="? 



value!=check: 



type==="^="? 



value.indexOf(check)===0: 



type==="$="? 



value.substr(value.length-check.length)===check: 



type==="|="? 



value===check||value.substr(0,check.length+1)===check+"-": 



false; 

} 
}

原来:nth-child(an+b)是根据 该元素的父元素下的nodeindex值来进行选择的(就是说会从你当前的元素的父元素中开始选择子元素),而不是选择剩下元素的子元素中的第N个

所以我用.not过滤掉了第一列也不能使nodeindex=2的第二列成为"第一列"

Javascript 相关文章推荐
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
javascript插入样式实现代码
Feb 22 Javascript
Javascript 闭包引起的IE内存泄露分析
May 23 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 Javascript
javascript常用的方法整理
Aug 20 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
vue表单自定义校验规则介绍
Aug 28 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 #Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 #Javascript
actionscript与javascript的区别
May 25 #Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 #Javascript
JavaScript EasyPager 分页函数
May 25 #Javascript
浅说js变量
May 25 #Javascript
潜说js对象和数组
May 25 #Javascript
You might like
Banner程序
2006/10/09 PHP
PHP中break及continue两个流程控制指令区别分析
2011/04/18 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
php取得字符串首字母的方法
2015/03/25 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
PHP中的self关键字详解
2019/06/23 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
jquery自定义表格样式
2015/11/23 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
详解vue高级特性
2020/06/09 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
python中文编码问题小结
2014/09/28 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
python实现网页录音效果
2020/10/26 Python
Python高并发和多线程有什么关系
2020/11/14 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
乌克兰的第一家手表店:Deka
2020/03/05 全球购物
幼儿园校车司机的岗位职责
2014/01/30 职场文书
民事起诉状范文
2015/05/19 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL