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 相关文章推荐
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
javascript多行字符串的简单实现方式
May 04 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
Aug 14 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
javascript实现前端分页效果
Jun 24 Javascript
JavaScript 中的六种循环方法
Jan 06 Javascript
vue封装数字翻牌器
Apr 20 Vue.js
鼠标滑上去后图片放大浮出效果的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 var_dump()函数的详解
2013/06/05 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
JS实现方向键切换输入框焦点的方法
2015/08/19 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
python正则表达式抓取成语网站
2013/11/20 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
Python configparser模块应用过程解析
2020/08/14 Python
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
几个Shell Script面试题
2014/04/18 面试题
大学生优秀自荐信范文
2014/02/25 职场文书
车辆工程专业求职信
2014/04/28 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
营销经理工作检讨书
2014/11/03 职场文书
大学生助学金感谢信
2015/01/21 职场文书
服务员岗位职责
2015/02/03 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书