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

后面兩個Class為空來應(yīng)對可能增加的列數(shù)來調(diào)節(jié)列寬
$("div>p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")來選擇每行的第2列,但是卻選中了第三列,百思不得其解
利用firbug查詢該元素?zé)o意發(fā)現(xiàn)元素下的nodeindex(nodeindex為同級元素中的先后順序)和參數(shù)an+b計算后的值相同,原來想直接利用nodeindex選擇第2列好了但是不知道如何做好
查了下百度無意發(fā)現(xiàn)nth-child也是利用nodeindex選擇的 具體實(shí)現(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值來進(jìn)行選擇的(就是說會從你當(dāng)前的元素的父元素中開始選擇子元素),而不是選擇剩下元素的子元素中的第N個
所以我用.not過濾掉了第一列也不能使nodeindex=2的第二列成為"第一列"
相關(guān)文章
js原生態(tài)函數(shù)中使用jQuery中的 $(this)無效的解決方法
今天遇到一個聽郁悶的問題,正如title所說 js中原生態(tài)函數(shù)在jQuery 中使用 $(this) 被解析成undefined2011-05-05jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-05-05jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
jquery清空textarea等輸入框在工作中很常見,接下來的代碼簡單實(shí)用,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04JQuery 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05jQuery+CSS3+Html5實(shí)現(xiàn)彈出層效果實(shí)例代碼(附源碼下載)
款Jquery+CSS3+Html5實(shí)現(xiàn)彈出層效果,應(yīng)用范圍很廣泛,比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果,非常實(shí)用,對此功能感興趣的朋友可以參考下本地代碼2016-05-05JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
下面小編就為大家?guī)硪黄狫Query 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格,支持IE、Firefox、Safari、Chrome、Opera
在修改數(shù)據(jù)時,有時候?yàn)榱朔奖?,我們希望能夠直接在表格里面對?shù)據(jù)進(jìn)行直接修改。2009-08-08jquery利用event.which方法獲取鍵盤輸入值的代碼
jquery利用event.which方法獲取鍵盤輸入值的代碼,需要的朋友可以參考下。2011-10-10