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 函数中的参数使用分析
Mar 27 Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 Javascript
Javascript的严格模式strict mode详细介绍
Jun 06 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 Javascript
canvas 弹幕效果(实例分享)
Jan 11 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 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
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
python3爬取淘宝信息代码分析
2018/02/10 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
django 类视图的使用方法详解
2019/07/24 Python
OpenCV Python实现图像指定区域裁剪
2021/03/12 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
Banana Republic欧盟:美国都市简约风格的代表品牌
2018/05/09 全球购物
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
中间件分为哪几类
2016/09/18 面试题
如何用JQuery进行表单验证
2013/05/29 面试题
挂职思想汇报
2013/12/31 职场文书
财务担保书范文
2014/04/02 职场文书
爱心活动计划书
2014/04/26 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
2015年春节标语口号
2014/12/09 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
2015选调生工作总结
2015/07/24 职场文书
老舍《猫》教学反思
2016/02/17 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
公司晚会主持词
2019/04/17 职场文书