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 相关文章推荐
JMenuTab简单使用说明
Mar 13 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 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
星际争霸中的热键
2020/03/04 星际争霸
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
PHP iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
js实现一个简易计算器
2020/03/30 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
python 实时遍历日志文件
2016/04/12 Python
python常见的格式化输出小结
2016/12/15 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
selenium+python设置爬虫代理IP的方法
2018/11/29 Python
使用python实现滑动验证码功能
2019/08/05 Python
Python类型转换的魔术方法详解
2020/12/23 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
个人求职信范文分享
2013/12/13 职场文书
物业总经理岗位职责
2014/02/28 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
红头文件任命书范本
2014/06/05 职场文书
留学推荐信中文范文
2015/03/26 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python
MySql数据库 查询时间序列间隔
2022/05/11 MySQL
正则表达式基础与常用验证表达式
2022/06/16 Javascript