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 相关文章推荐
解析img图片没找到onerror事件 Stack overflow at line: 0
Dec 23 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
理解Javascript的call、apply
Dec 16 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
May 03 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
Electron整合React使用搭建开发环境的步骤详解
Jun 07 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 DataGrid 实现代码
2009/08/12 PHP
PHP乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
koa-router源码学习小结
2018/09/07 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
2019/03/29 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
Vue + ts实现轮播插件的示例
2020/11/10 Javascript
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
python定时执行指定函数的方法
2015/05/27 Python
python中redis的安装和使用
2016/12/04 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
Python 音频生成器的实现示例
2019/12/24 Python
全球游戏Keys和卡片市场:GamesDeal
2018/03/28 全球购物
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
超市营业员岗位职责
2013/12/20 职场文书
入党申请自荐书范文
2014/02/11 职场文书
学校交通安全责任书
2014/08/25 职场文书
工作所在部门证明
2014/09/21 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
欢迎词范文
2015/01/27 职场文书
索赔员岗位职责
2015/02/15 职场文书
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL
Web应用开发TypeScript使用详解
2022/05/25 Javascript