使用 jQuery 获取 UL 的第一个 LI 的 ID答案

【问题标题】：Get ID of first LI of UL with jQuery使用 jQuery 获取 UL 的第一个 LI 的 ID
【发布时间】：2015-01-13 17:18:56
【问题描述】：

<ul id="someList">
<li id="listItem1">List 1</li>
<li id="listItem2">List 2</li>
</ul>

也许我需要重新了解我的选择器，但是您将如何获取 ul#someList 的第一个 ID？

另外，如果我在 ul#someList 前添加 LI，我是否需要以不同的方式获取第一个 LI 的 ID？

【问题讨论】：

如果目的是前置，那么您只需要#someList 元素来调用.prepend()。 $('#someList').prepend('<li>some new item</li>');

标签： jquery css-selectors

【解决方案1】：

$('ul#someList li:first') 就是你要找的东西。

【讨论】：

获取元素就是； $('ul#someList li:first').attr('id') 获取 ID 本身。

【解决方案2】：

最好的办法是使用first selector.

var id = $("ul#someList li:first").attr("id");

或

var id = $("ul#someList li:first").get(0).id;

【讨论】：

【解决方案3】：

试试看，****.slice(start, [end])****`

<ul>
  <li id='l1'>list item 1</li>
  <li id='l2'>list item 2</li>
  <li id='l3'>list item 3</li>
  <li id='l4'>list item 4</li>
  <li id='l5'>list item 5</li>
</ul>

$('li').slice(2).attr('id');

【讨论】：

【解决方案4】：

这可能是另一种解决方案：

$('#someList li:nth-child(1)').attr("id");

【讨论】：