0

我一直在插入各种组合以通过 JQuery 获取“标题”属性值。在过去的几个小时里，我一直在努力搜索和搜索。我的代码只能获得“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"));

谢谢你。

4

3 回答 3

2

:nth-child必须在li; 每个a都是其父级的第一个孩子（the li）。您想找到每个li相对于ul.

alert($("nav li:nth-child(2) a").attr("title"));
于 2012-07-29T04:22:36.080 回答
2

<a>标签是nth-child选择器需要在其上的唯一子级，li其中有兄弟级。

alert($("nav li:nth-child(2) a").attr("title"));
于 2012-07-29T04:23:00.673 回答
2

只是一个小小的改变

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

这是因为a是唯一的孩子所以first-child在工作。您需要将伪放置为linota

于 2012-07-29T04:23:21.040 回答