如何使用jquery查找表的上一行的选定值？

Question

我有一张这样的桌子。 并且该表的行是用php循环的。 当用户从该表的下一行单击选项值时，我想要上行的选项值。我的意思是，如果我从第3行单击选项，我想获得第2行的选项值。 所以，我已经尝试过了。

$("select[name='service[]']").change(function(event){
        console.log("row"+$("table[name='tbl_list'] tr:last").prev().index());
});

但是我点击的每行只有row14。那么，当我从下一行单击选项时，如何获取用户选择的上行选项值？

Answer 1

使用最接近获取父行和prev获取前一行

$("select[name='service[]']").change(function(event) {
  var val = $(this).closest("tr").prev('tr').find("option:selected").val();
});

Answer 2

你可以使用，

$("select[name='service[]']").change(function(event) {
  $(this).closest("tr").prev().find("select").val();
});

使用closest("tr")

获取父tr

使用prev().

获取上部tr

然后使用.find("select")

获取其中的选择