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



相关阅读:
Windows操作系统动态桌面性能测试报告
Type.GetType()在跨程序集反射时返回null
Zend Studio 无法启动的问题解决方法
ExpressionEngine CMS系统的网站设计实例
基于jquery的代码显示区域自动拉长效果
关于Oracle学习以及DBA工作机会
Linux系统下的PDF工具 LinuxPDFeditor
用php来检测proxy
javascript双向放大缩小广告代码
Javascript 面向对象特性
PHP 获取远程文件内容的函数代码
简单form标准化实例——语义结构
ASP.NET读取XML文件4种方法分析
超强推荐CSS打造经典鼠标触发显示选项
快速导航

Copyright © 2016 phpStudy |