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 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
jquery构造器的实现代码小结
May 16 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
关于Vue实现组件信息的缓存问题
Aug 23 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 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的Yii框架的基本使用示例
2015/08/21 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
关于this和self的使用说明
2010/08/01 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
JS 控制小数位数的实现代码
2011/08/02 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
javascript实现左右缓动动画函数
2020/11/25 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
Python KMeans聚类问题分析
2018/02/23 Python
pytorch 调整某一维度数据顺序的方法
2018/12/08 Python
python 阶乘累加和的实例
2019/02/01 Python
python3实现高效的端口扫描
2019/08/31 Python
Python 过滤错误log并导出的实例
2019/12/26 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
班组长安全生产职责
2013/12/16 职场文书
水电工岗位职责
2014/02/12 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
平面设计专业求职信
2014/08/09 职场文书
医院消毒隔离制度
2015/08/05 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android