Javascript 如何从无序列表中选择第n项？

我正在尝试选择无序列表中的第三项，但在这样做时遇到问题。我只是想让“第3项”返回。下面是我所拥有的不起作用的东西。有什么建议吗

$("#sortable :nth-child(3)").val;

无序列表：

<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

Try:$sortable:nth-child3.text

如果使用的语法不正确，则必须在列表项上添加这样的括号并调用，但列表项没有定义值。如果您在列表项上指定了一个值，则该选项会起作用：

<li class="ui-state-default" value="3"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>

由于您在元素内部的文本后面，请使用而不是。

您可以使用并按索引选择：

$$sortable.children[2]

您使用的是.val，而实际使用的是.val，但您希望使用.text或.htmlNote:.val只有在值为数字时才起作用。奇怪的是，value是列表项的一个有效属性，只要属性的值是数字，jQuery似乎也支持这一点。看见