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 相关文章推荐
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
js 数组克隆方法 小结
Mar 20 Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
JavaScript多线程详解
Aug 12 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
setTimeout函数的神奇使用
Feb 26 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
基于vue hash模式微信分享#号的解决
Sep 07 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
提升PHP执行速度全攻略(下)
2006/10/09 PHP
网站加速 PHP 缓冲的免费实现方法
2006/10/09 PHP
Windows IIS PHP 5.2 安装与配置方法
2009/06/08 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
使用PHP访问RabbitMQ消息队列的方法示例
2018/06/06 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
python 随机数使用方法,推导以及字符串,双色球小程序实例
2017/09/12 Python
python实现飞机大战微信小游戏
2020/03/21 Python
python 获取计算机的网卡信息
2021/02/18 Python
美国零售商店:Blue&Cream
2017/04/07 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
博士生入学考试推荐信
2013/11/17 职场文书
保密承诺书
2014/03/27 职场文书
白酒营销策划方案
2014/08/17 职场文书