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字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
再谈querySelector和querySelectorAll的区别与联系
Apr 20 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
JavaScript框架是什么?怎样才能叫做框架?
Jul 01 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
Gulp实现静态网页模块化的方法详解
Jan 09 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
vue中watch的用法汇总
Dec 28 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
用户的详细注册和判断
2006/10/09 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
PDO::inTransaction讲解
2019/01/28 PHP
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
AngularJS快速入门
2015/04/02 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
Python兔子毒药问题实例分析
2015/03/05 Python
python在指定目录下查找gif文件的方法
2015/05/04 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
python tornado修改log输出方式
2019/11/18 Python
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
浅谈HTML5 &amp; CSS3的新交互特性
2016/07/19 HTML / CSS
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
美国快时尚彩妆品牌:Winky Lux(透明花瓣润唇膏)
2018/11/06 全球购物
解释一下ruby中的特殊方法与特殊类
2013/02/26 面试题
名人演讲稿范文
2014/09/16 职场文书
特此通知格式
2015/04/27 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL