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 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
Mar 03 Javascript
js中for in的用法示例解析
Dec 25 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
js模拟实现百度搜索
Jun 28 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
模拟OICQ的实现思路和核心程序(二)
2006/10/09 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
js获取提交的字符串的字节数
2009/02/09 Javascript
jQuery中将函数赋值给变量的调用方法
2012/03/23 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
2013/08/05 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
jQuery中prevUntil()方法用法实例
2015/01/08 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
在Python中使用第三方模块的教程
2015/04/27 Python
Python中的random()方法的使用介绍
2015/05/15 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
UNIX命令速查表
2012/03/10 面试题
大二学生职业生涯规划书
2014/02/05 职场文书
酒店开业策划方案
2014/06/02 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
培训简讯范文
2015/07/20 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python