Jquery下:nth-child(an+b)的使用注意 | WEB开发
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+"-": 　　　　　　 　　} }
原来:nth-child(an+b)是根据 该元素的父元素下的nodeindex值来进行选择的(就是说会从你当前的元素的父元素中开始选择子元素),而不是选择剩下元素的子元素中的第N个
所以我用.not过滤掉了第一列也不能使nodeindex=2的第二列成为"第一列"
if ($ != jQuery) {
$ = jQuery.noConflict();
var isLogined =
var cb_blogId = 89907;
var cb_entryId = 2060078;
var cb_blogApp = "KingQz";
var cb_blogUserGuid = "f4c63cb5-ff80-df11-ba8f-001cf0cd104b";
var cb_entryCreatedDate = ' 17:00:00';本文出自汗血宝马，转载时请注明出处及相应链接。
本文永久链接: http://www.caotama.com/46201.html
Ɣ回顶部jquery :nth-child选择器所出现的问题解决
原创
177
我可以为每个第4个'item'p样式。jQuery（“。item：nth-child “）.addClass（”fourth-item“）;并且工作正常，但是我隐藏一些项目，显示一些其他，这种风格，但只有可见的每4个项目的样式。所以我有一个，将这个样式并重新应用它，但我需要在重新应用的风格，它只是每隔4个可见项目，而不是每4个项目。我知道“：可见”选择器，但不能看到链接它与第n正确，任何想法？我试过各种各样的事情，无效...jQuery（“。item”）。removeClass（“fourth-item”）;
jQuery（“。item：visible：nth-child（4n）”）。addClass（“fourth-item”）;解决方案：nth-child 扫描父项的子项，无论它们的样式是什么。在 ：nth-child 相对于父元素，而不是先前的选择器。这在的jQeury文档中解释：nth-child ：code&：nth-child（n），所有子项都被计数，而不管它们是什么，并且指定的元素只有当它与附加到的选择器匹配时才被选择。使用更简单的方法，每个 / p&
$（'＃test li：visible'）。each（function（i）{
if（i％4 == 0）$（this）.addClass（'fourth-item'）;
}）;以上就是jquery :nth-child选择器所出现的问题解决的详细内容，更多请关注php中文网其它相关文章！
江湖传言：PHP是世界上最好的编程语言。真的是这样吗？这个梗究竟是从哪来的？学会本课程，你就会明白了。
PHP中文网出品的PHP入门系统教学视频，完全从初学者的角度出发，绝不玩虚的，一切以实用、有用...
ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)－ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例，从最基本的框架常识开始，将...
本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。
《php.cn原创html5视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了HTML知识。
所有计算机语言的学习都要从基础开始，《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术，是学习PHP必须掌握的内容，任何PHP项目的实现都离不开这部分的内容，通...
本课以最新版ThinkPHP5.0.10为基础进行开发，全程实录一个完整企业点，从后台到前台，从控制器到路由的全套完整教程，不论是你是新人，还是有一定开发经验的程序员，都可以从中学到实用的知识~~
ThinkPHP是一个快速、开源的轻量级国产PHP开发框架，是业内最流行的PHP框架之一。本课程以博客系统为例，讲述如何使用TP实战开发，从中学习Thinkphp的实践应用。模版下载地址：http:/...
本课程是php实战开发课程，以爱奇艺电影网站为蓝本从零开发一个自己的网站。目的是让大家了解真实项目的架构及开发过程
本课以一个极简的PHP开发框架为案例,向您展示了一个PHP框架应该具有的基本功能，以及具体的实现方法，让您快速对PHP开发框架的底层实现有一个清楚的认识,为以后学习其实的开发框架打下坚实的基础。
javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。...
本站9月直播课已经结束,本套教程是直播实录,没有报上名或者漏听学员福利来了，赶紧看看吧，说不定这里就有你的菜
轻松明快，简洁生动，让你快速走入HTML5的世界，体会语义化开发的魅力
JavaScript能够称得上是史上使用最广泛的编程语言，也是前端开发必须掌握的三技能之一：描述网页内容的HTML、描述网页样式的CSS以及描述网页行为的JavaScript。本章节将帮助大家迅速掌握...
《php用户注册登录系统》主要介绍网站的登录注册功能,我们会从最简单的实现登录注册功能开始，增加验证码，cookie验证等，丰富网站的登录注册功能
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计,它让前端开发更快速、简单，所有开发者都能快速上手...
《php.cn独孤九贱（2）－css视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了CSS知识...
《PHP学生管理系统视频教程》主要给大家讲解了HTML，PHP，MySQL之间的相互协作，实现动态的网页显示和获取数据.
《弹指间学会HTML视频教程》从最基本的概念开始讲起，步步深入，带领大家学习HTML,了解各种常用标签的意义以及基本用法，学习HTML知识为以后的学习打下基础
jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的...
《最新微信小程序开发视频教程》本节课程是由微趋道录制，讲述了如何申请一个微信小程序，以及开发中需要使用哪些工具，和需要注意哪些等。
全栈工程师
文章总浏览数使用nth-child无法选中？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。3被浏览188分享邀请回答添加评论分享收藏感谢收起1 条评论分享收藏感谢收起写回答现在位置：
&CSS3中nth-child选择器详细用法
字体-字体+
首先它的定义是：nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。比如我们可以使用它来对表格进行隔行换色，使用起来还是非常方便的。所有主流浏览器都支持，但是除了IE8以及它的更早版本不行。下面来看看它的具体示例用法。:nth-child(n+2)选取大于等于2标签，“n”表示整数:nth-child(-n+2)选取小于等于2标签:nth-child(2n)选取偶数，2n也可以用even代替:nth-child(2n-1)选取奇数，2n-1也可以用odd代替:nth-child(3n+1)自定义选取标签，3n+1可以理解为（1，4，7，10...）:last-child选取最后一个标签，这个就比较好理解了:nth-last-child(2)选取倒数第几个标签,2表示选取第2个，这个也是比较好理解的了总之，nth-child这个东东的功能实在是太让人喜爱了，自己平时在写css的时候经常用到它，因为它带来的开发便利很明显，只有自己使用过后才知道。
原文来自：，转载请注明出处，谢谢【】
我的QQ（开发版）：
我的QQ（设计师版）：
本站Hot排名
本站Hit排名}