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 DOM 操作实现代码
Aug 01 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
JavaScript获取客户端IP的方法(新方法)
Mar 11 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
vue实现简单实时汇率计算功能
Jan 15 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 Javascript
vue如何批量引入组件、注册和使用详解
May 12 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强制下载文件函数
2016/08/24 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
BootStrap和jQuery相结合实现可编辑表格
2016/04/21 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
2018/05/21 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
跟老齐学Python之编写类之二方法
2014/10/11 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
Kipling意大利官网:世界著名的时尚休闲包袋品牌
2019/06/05 全球购物
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
党校培训自我鉴定
2014/02/01 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
空气的环保标语
2014/06/12 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书