為什么這兩種寫法的效果是不一樣的,求解。
首先這是正確的寫法: <script?type="text/javascript"> ????//不分男女,選中第一類衣服中第9個(gè)a元素,并改變顏色 ????//這里用了nth-child?選擇的他們所有父元素的第n個(gè)子元素 ????$(".tag?dd>a:nth-child(10)").css('color','#66CD00'); </script> 這種寫法成功選擇到了“吊帶背心”和“嘻哈褲”兩個(gè)。 然后就是另一種寫法: <script?type="text/javascript"> ????//不分男女,選中第一類衣服中第9個(gè)a元素,并改變顏色 ????//這里用了nth-child?選擇的他們所有父元素的第n個(gè)子元素 ????$(".tag?dd>a:eq(8)").css('color','#66CD00'); </script> 使用了這種寫法之后,類tag下的標(biāo)簽元素dd下的子元素標(biāo)簽a元素的第9個(gè)元素標(biāo)簽, 運(yùn)行之后只選中了“吊帶背心”,“嘻哈褲”沒有被選中,求解。
2017-05-03
我認(rèn)為這個(gè)原因就像是:first與:first-child之間的區(qū)別一樣,一個(gè)是前者只鞥選擇一個(gè),后者選擇的是多個(gè)。eq()也只能選擇一個(gè)剩下那個(gè)被省略了。。。。新手個(gè)人理解
2017-04-29
a:nth-child(10)是指dd的第十個(gè)的子元素(看具體的是第幾個(gè)孩子),a:eq(8)是指dd子元素的第9個(gè)a元素(也就是只看a元素的個(gè)數(shù),不看具體的是第幾個(gè)孩子)