使用 jQuery 从所选选项中选择前一个元素

Question

我想访问所选选项的前一个选项的值，即距所选选项 2 的值。 （抱歉，很难表达它！）

例如，如果从此处选择“4”，我想获取选项“2”的值。

<option value ="1">1</option>
<option value ="2">2</option>
<option value ="3">3</option>
<option value ="4">4</option>

我知道前一个方法有 prev 方法，但是其他方法呢？

谢谢！

Answer 1

您可以执行此

$("select").change(function(){
    var a = $('select option:selected').prev().prev().text();
    alert(a);
});

示例： http://jsfiddle.net/jasongennaro/NcPgV/

但是，这会返回当选择为 2 或更低时，什么也没有。

Answer 2

正如其他人所说，您可以调用 prev() 两次。

另一种更具可扩展性的解决方案是使用 prevAll()。它返回从最近的兄弟向外排序的元素，因此您可以将其与 eq() 组合：

var siblingValue = $("option:selected").prevAll().eq(1).val();

这样，如果您想从所选选项中移走 2 个以上的选项，则无需对 prev() 进行多次调用。

Answer 3

prev 函数将获取给定节点的前一个兄弟节点；调用两次就可以达到你想要的效果。

var element = $("option[value='4']");
var prev2 = $(element).prev().prev();
alert(prev2.val());
//alerts 2

这是小提琴