p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")来选择..." />
 手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Jquery下:nth-child(an+b)的使用注意
Jquery下:nth-child(an+b)的使用注意
摘要:后面两个Class为空来应对可能增加的列数来调节列宽$("div>p").parent().not($(".grid_2")).filter...

Jquery下:nth-child(an+b)的使用注意1

后面两个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的第二列成为"第一列"

【Jquery下:nth-child(an+b)的使用注意】相关文章:

JQuery中DOM事件合成用法实例分析

Jquery使用css方法改变样式实例

JavaScript中strike()方法的使用介绍

jQuery中 prop() attr()使用详解

JavaScript中的unshift()方法的使用

JQuery中DOM事件绑定用法详解

浅谈JavaScript中的Math.atan()方法的使用

Backbone.js的一些使用技巧

JavaSacript中charCodeAt()方法的使用详解

JavaScript中的splice()方法使用详解

精品推荐
分类导航