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的第二列成為"第一列"
相關(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ì)，感興趣的小伙伴們可以參考一下2016-03-03
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條件分頁代替離線查詢，通過代碼實(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()方法用法,以實(shí)例形式詳細(xì)分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jquery mobile changepage的三種傳參方法介紹
本來覺得changePage 那么多option,傳幾個(gè)參數(shù)應(yīng)該沒問題結(jié)果翻遍國(guó)內(nèi)外網(wǎng)站,基本方法只有三種，下面與大家分享下，感興趣的朋友可以參考下2013-09-09