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

更新時(shí)間：2011年05月28日 00:17:53 作者：

今日開始學(xué)習(xí)使用JQuery,嘗試?yán)肑Query來制作一個(gè)動(dòng)態(tài)表格,結(jié)構(gòu)如下

后面兩個(gè)Class為空來應(yīng)對(duì)可能增加的列數(shù)來調(diào)節(jié)列寬
$("div>p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")來選擇每行的第2列,但是卻選中了第三列,百思不得其解
利用firbug查詢?cè)撛責(zé)o意發(fā)現(xiàn)元素下的nodeindex(nodeindex為同級(jí)元素中的先后順序)和參數(shù)an+b計(jì)算后的值相同,原來想直接利用nodeindex選擇第2列好了但是不知道如何做好
查了下百度無意發(fā)現(xiàn)nth-child也是利用nodeindex選擇的具體實(shí)現(xiàn)如下

復(fù)制代碼代碼如下:

 
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)是根據(jù) 該元素的父元素下的nodeindex值來進(jìn)行選擇的(就是說會(huì)從你當(dāng)前的元素的父元素中開始選擇子元素),而不是選擇剩下元素的子元素中的第N個(gè)

所以我用.not過濾掉了第一列也不能使nodeindex=2的第二列成為"第一列"

nth-child

相關(guān)文章

Jquery創(chuàng)建一個(gè)層當(dāng)鼠標(biāo)移動(dòng)到層上面不消失效果
使用Jquery創(chuàng)建一個(gè)層，實(shí)現(xiàn)當(dāng)鼠標(biāo)移動(dòng)到層上面不消失，示例代碼如下，感興趣的朋友可以參考下
2013-12-12
談一談jQuery核心架構(gòu)設(shè)計(jì)
這篇文章主要和大家談一談jQuery核心架構(gòu)設(shè)計(jì)，什么是jQuery核心架構(gòu)設(shè)計(jì)，多方面了解jQuery核心架構(gòu)設(shè)計(jì)，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery中的each()詳細(xì)介紹(推薦)
jquery中的each()非常好用，用起來非常的爽，下面小編給大家介紹jquery中each()的用法詳細(xì)介紹，感興趣的朋友一起看看吧
2016-05-05
Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象,Map()方法詳解以及數(shù)組中查詢某值是否存在
今天小編就為大家分享一篇關(guān)于Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象|Map()方法詳解以及數(shù)組中查詢某值是否存在，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-01-01
jquery 圖片預(yù)加載自動(dòng)等比例縮放插件
在圖片加載前顯示一個(gè)加載標(biāo)志，當(dāng)圖片下載完畢后顯示圖片出來可對(duì)圖片進(jìn)行是否自動(dòng)縮放功能
2008-12-12
jQuery動(dòng)態(tài)加載css文件實(shí)現(xiàn)方法
使用jQuery來加載一個(gè)外部的 css 文件，首先創(chuàng)建一個(gè) link 元素，并將它添加到標(biāo)記中即可。那么基于jquery代碼如何實(shí)現(xiàn)呢？下面小編給大家介紹jQuery動(dòng)態(tài)加載css文件實(shí)現(xiàn)方法，需要的朋友參考下吧
2016-06-06
jQuery條件分頁代替離線查詢（附代碼）
這篇文章主要介紹了jQuery條件分頁代替離線查詢，通過代碼實(shí)例讓讀者更深入了解該功能的操作，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
2017-08-08
jquery實(shí)現(xiàn)類似淘寶星星評(píng)分功能有截圖
本節(jié)主要介紹了jquery實(shí)現(xiàn)類似淘寶星星評(píng)分功能，經(jīng)測(cè)試效果相當(dāng)不錯(cuò)，有圖有真相，喜歡的朋友可以參考下
2014-09-09
jQuery的text()方法用法分析
這篇文章主要介紹了jQuery的text()方法用法,以實(shí)例形式詳細(xì)分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jquery mobile changepage的三種傳參方法介紹
本來覺得changePage 那么多option,傳幾個(gè)參數(shù)應(yīng)該沒問題結(jié)果翻遍國內(nèi)外網(wǎng)站,基本方法只有三種，下面與大家分享下，感興趣的朋友可以參考下
2013-09-09