Question

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

谢谢。

Answer 1

:nth-child必须位于li;每个a是其父级的第一个子级（li）。您想要找到每个li相对于ul的位置。

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

Answer 2

<a>代码只是nth-child选择器需要位于具有兄弟姐妹的li上的子代。

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

Answer 3

只是一个小小的改变

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

这是因为a是first-child工作的唯一孩子。您需要为li而不是a

放置伪

使用nth-child获取ul li标题属性？

3 个答案: