使用n-child獲取ul li標題屬性？

我一直在插入各種組合來通過JQuery獲得「title」屬性值。我努力搜索並搜索了過去幾個小時。我的代碼只能獲得「li」錨標題，但似乎無法獲得其他。如果有人能指出我不正確的做法，我會很感激。使用n-child獲取ul li標題屬性？

HTML

<nav> 
    <ul> 
    <li><a href="#" title="honda">HONDA</a></li> 
    <li><a href="#" title="toyota">TOYOTA</a></li> 
    <li><a href="#" title="nissan">NISSAN</a></li> 
    <li><a href="#" title="mazda">MAZDA</a></li> 
    </ul> 
</nav>

工程的第一個孩子

alert($("nav li a:nth-child(1)").attr("title"));

其他孩子

alert($("nav li a:nth-child(2)").attr("title"));

謝謝你不工作。

來源

2012-07-29 Combustion007

的<a>標籤是獨生子女的nth-child選擇必須是在具有兄妹li。

alert($("nav li:nth-child(2) a").attr("title"));

來源

2012-07-29 04:23:00 Musa

感謝您指出這一點。謝謝。 – Combustion007 2012-07-29 16:35:05

:nth-child必須在li;每個a是其母公司的第一個孩子（li）。你想找到每個li相對於ul的位置。

alert($("nav li:nth-child(2) a").attr("title"));

來源

2012-07-29 04:22:36 nbrooks

感謝您指出這一點。謝謝。 – Combustion007 2012-07-29 16:36:18

只是一個小變化

alert($("nav li:nth-child(2) a").attr("title"));

這是因爲a是唯一的孩子這麼first-child在工作。您需要將僞代碼li而不是a

來源

2012-07-29 04:23:21

感謝您指出這一點。謝謝。 – Combustion007 2012-07-29 16:37:15

使用n-child獲取ul li標題屬性？

回答

相關問題