Jquery下:nth-child(an+b)的使用注意
更新時間：2011年05月28日 00:17:53 作者：
今日開始學習使用JQuery,嘗試利用JQuery來制作一個動態(tài)表格,結構如下
后面兩個Class為空來應對可能增加的列數(shù)來調(diào)節(jié)列寬
$("div>p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")來選擇每行的第2列,但是卻選中了第三列,百思不得其解
利用firbug查詢該元素無意發(fā)現(xiàn)元素下的nodeindex(nodeindex為同級元素中的先后順序)和參數(shù)an+b計算后的值相同,原來想直接利用nodeindex選擇第2列好了但是不知道如何做好
查了下百度無意發(fā)現(xiàn)nth-child也是利用nodeindex選擇的 具體實現(xiàn)如下
復制代碼 代碼如下:
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值來進行選擇的(就是說會從你當前的元素的父元素中開始選擇子元素),而不是選擇剩下元素的子元素中的第N個
所以我用.not過濾掉了第一列也不能使nodeindex=2的第二列成為"第一列"
相關文章
Jquery創(chuàng)建一個層當鼠標移動到層上面不消失效果
使用Jquery創(chuàng)建一個層，實現(xiàn)當鼠標移動到層上面不消失，示例代碼如下，感興趣的朋友可以參考下2013-12-12
這篇文章主要和大家談一談jQuery核心架構設計，什么是jQuery核心架構設計，多方面了解jQuery核心架構設計，感興趣的小伙伴們可以參考一下2016-03-03
jquery中的each()非常好用，用起來非常的爽，下面小編給大家介紹jquery中each()的用法詳細介紹，感興趣的朋友一起看看吧2016-05-05
Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象,Map()方法詳解以及數(shù)組中查詢某值是否存在
今天小編就為大家分享一篇關于Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象|Map()方法詳解以及數(shù)組中查詢某值是否存在，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
在圖片加載前顯示一個加載標志，當圖片下載完畢后顯示圖片出來 可對圖片進行是否自動縮放功能2008-12-12
jQuery動態(tài)加載css文件實現(xiàn)方法
使用jQuery來加載一個外部的 css 文件，首先創(chuàng)建一個 link 元素，并將它添加到 標記中即可。那么基于jquery代碼如何實現(xiàn)呢？下面小編給大家介紹jQuery動態(tài)加載css文件實現(xiàn)方法，需要的朋友參考下吧2016-06-06
這篇文章主要介紹了jQuery條件分頁代替離線查詢，通過代碼實例讓讀者更深入了解該功能的操作，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08
本節(jié)主要介紹了jquery實現(xiàn)類似淘寶星星評分功能，經(jīng)測試效果相當不錯，有圖有真相，喜歡的朋友可以參考下2014-09-09
這篇文章主要介紹了jQuery的text()方法用法,以實例形式詳細分析了jQuery的text()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jquery mobile changepage的三種傳參方法介紹
本來覺得changePage 那么多option,傳幾個參數(shù)應該沒問題結果翻遍國內(nèi)外網(wǎng)站,基本方法只有三種，下面與大家分享下，感興趣的朋友可以參考下2013-09-09