Question

我正在尝试回显表中行的rowIndex，当该行中的下拉列表（在td标记中）发生变化时，其选项（selectdevice是下拉列表的类）。目前我正在显示未定义：

$('#tabletomodify').on('change','.selectdevice', function () {
  alert( this.parentNode.rowIndex );
  var optionSelected = $("option:selected", this);
  var valueSelected = this.value;                               
});

Answer 1

问题可能是this是select元素，因此this.parentNode将是td元素，而不是具有{{tr元素的tr元素3}}属性。在这种情况下，您需要找到select所属的select元素。

因此，假设td是alert( this.parentNode.parentNode.rowIndex );元素的直接子元素，您可以尝试访问父元素（td）父元素。

tr

演示：rowIndex

或使用jQuery，您可以使用Fiddle

找到父

alert( $(this).closest('tr').prop('rowIndex') );

元素

{{1}}

演示：.closest()

在表的每一行中显示rowIndex以获取下拉列表

1 个答案: