0

我为此寻找了很多解决方案，但令人惊讶的是找不到任何东西。也许我只是没有搜索正确的词。我发现了一堆关于按元素获取索引的问题，但我需要相反。

我正在尝试使用 javascript 和 jquery 通过它在列表中的索引来获取有序列表中的元素。例如，如果我有这个列表：

<ol>
  <li>Zero</li>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol>

我希望能够Zero通过索引 0 获取第一个 ( )，或者One通过索引 1 获取第二个 ( )。

到目前为止，我已经尝试了几件事：

  1. 一个简单的函数，基于使用 id 在列表中获取对象的索引。

    elem = list.index(0); //To get the first element, but this is not a thing.

  2. 像这样的循环：

    //elem is the element I am currently at.
//Starting at the last element and going to the first.
var elem = list.getLastChild(); //But list.getLastChild() is apparently
//not a thing although it is here ([w3c link][1]).

//Start at 0 and go to the index
//(may/may not need the = before num, but I think I do)
for(var i=0; i<=num; i++){
    //Set elem to it's previous sibling
elem = elem.getPreviousSibling(); //getPreviousSibling is probably not a thing as
    //well but I couldn't get that far before it broke anyway.
}

//Return the element at the index
return elem;

那么有没有办法做到这一点？谢谢。

4

2 回答 2

3

有很多方法可以做到这一点。您可以使用:eq选择器。像这样的东西？

var $lis = $('ol li');

for(var i=0; i < $lis.length; i++)
{
    alert($('ol li:eq(' + i + ')').text());
}

演示

所以，因为这是零索引。你可以这样做：$('ol li:eq(0)')获取第一个元素。您还可以使用 css, nth-child,nth-of-type选择器：

  alert($('ol li:nth-child(1)').text()); // This starts with 1 index, non-zero indexed.
于 2013-06-30T03:48:42.043 回答
2

您可以使用 JQuery：

$("ol li:nth-child(1)")
$("ol li:nth-child(n)")

http://api.jquery.com/nth-child-selector/

于 2013-06-30T03:48:48.780 回答