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下高性能字符串连接StringBuffer类
Aug 16 Javascript
window.onresize 多次触发的解决方法
Nov 08 Javascript
javascript常用方法总结
May 14 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
微信JS接口大全
Aug 25 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
详解JSON和JSONP劫持以及解决方法
Mar 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
WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置
2008/03/28 PHP
PHP中date()日期函数有关参数整理
2011/07/19 PHP
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
Python3读写ini配置文件的示例
2020/11/06 Python
CSS3 Flex 弹性布局实例代码详解
2018/11/01 HTML / CSS
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
大学生会计职业生涯规划范文
2014/02/28 职场文书
海飞丝广告词
2014/03/20 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
宿舍标语大全
2014/06/19 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
高中社区服务活动报告
2015/02/05 职场文书
商场广播稿范文
2015/08/19 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL