選擇倒數第二個元素

Question

我需要選擇倒數第二個輸入可選元素的值：

<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選擇最后一個元素。 我需要選擇倒數第二名。

Answer 1

你可以使用.prev（）

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

Answer 2

您可以將.eq()與負索引一起使用：

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

這些負索引是“1索引”： -1表示最后一個元素， -2表示倒數第二個，依此類推。

Answer 3

下面的所有內容都可以解決問題（選擇第二個最后一個元素）：

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

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

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

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

Answer 4

你可以使用:last selector並使用prev移動到前面的元素：

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

參考：

獲取匹配元素集中每個元素的前一個兄弟，可選擇由選擇器過濾。

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

Answer 5

你需要使用jquery的“nth-last-child（2）”，這將選擇第二個最后一個元素。

你可以在這里查看：

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

Answer 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）選擇器改為返回一個空對象。