选择倒数第二个元素答案

【问题标题】：Select second to last element选择倒数第二个元素
【发布时间】：2016-12-08 17:34:33
【问题描述】：

我需要选择倒数第二个输入可选元素的值：

<tr><td><select class="x">...</select></td></tr>
<tr><td><select class="x">...</select></td></tr>
<tr><td><select class="x">...</select></td></tr>

选择输入标签在 tr 标签内。

如果我使用$("select.x").last()，jQuery 选择最后一个元素。我需要选择倒数第二个。

【问题讨论】：

你应该使用“倒数第二个”来更清楚。 2 to last 可以解释为从 2 到 N 的元素。

标签： javascript jquery jquery-selectors

【解决方案1】：

您可以使用带有负索引的.eq()：

$("select.x").eq(-2);

这些负索引是“1-indexed”：-1 给出最后一个元素，-2 给出倒数第二个，依此类推。

【讨论】：

【解决方案2】：

你可以使用 .prev()

$("select.x").last().prev();

【讨论】：

【解决方案3】：

以下所有内容都可以解决问题（选择倒数第二个元素）：

$("select.x").eq(select.length - 1)

$("select.x:nth-last-of-type(2)")

$("select.x:nth-last-child(2)")

$("select.x").last().prev()

【讨论】：

【解决方案4】：

您可以使用:last 选择器并使用prev 移动到前一个元素：

$("select.x:last").prev();

参考：

获取集合中每个元素的前一个兄弟元素匹配的元素，可选地由选择器过滤。

示例演示：http://jsfiddle.net/IrvinDominin/ck8XP/

【讨论】：

【解决方案5】：

你需要使用jquery的“nth-last-child(2)”，这会选择倒数第二个元素。

您可以在这里查看：

https://api.jquery.com/nth-last-child-selector/

【讨论】：

【解决方案6】：

.prev() 或 nth-last-child() 的解决方案不起作用。

<tr><td><a>...</a><select class="x"></select><a>...</a><td><tr>
<tr><td><a>...</a><select class="x"></select><a>...</a><td><tr>
<tr><td><a>...</a><select class="x"></select><a>...</a><td><tr>
<tr><td><a>...</a><select class="x"></select><a>...</a><td><tr>

问题是 last().prev() 函数返回对象<a> 我想先选择一个。

nth-last-of-type(2) 选择器返回一个空对象。

【讨论】：