jquery - テーブルの各行にドロップダウンのrowIndexを表示

Question

その行のドロップダウン（tdタグ内）とそのオプション（selectdeviceはドロップダウンのクラスです）が変更されたときに、テーブル内の行のrowIndexをエコーし​​ようとしています。現在、私は undefined が表示されています:

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

Answer 1

問題thisはselect要素にある可能性が高いため、 rowIndexプロパティを持つ要素ではなく要素にthis.parentNodeなります。この場合、 が属する要素を見つける必要があります。tdtrtrselect

したがって、が要素selectの直接の子であると仮定するとtd、親の(td)親要素にアクセスしようとすることができます。

alert( this.parentNode.parentNode.rowIndex );

デモ:フィドル

またはjQueryを使用すると、 .closest()trを使用して親要素を見つけることができます

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

デモ:フィドル