サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させたい

サブテーブルに時系列で情報を入力させるため、サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させ、

それ以外の行は追加/削除ボタンを非表示にしたいです。

 

こちらの記事を参考にしたのですが、

document.getElementsByClassName() で button.style.display = ‘none’

を実行する行の指定をどのように行うのかがわからず、質問させていただきます。

作成したコードはこんな感じです。

 

for文で変数「i」にテーブルの行の「value」を指定しているつもりなのですが、

その変数iをどこに書くべきなのかがわからず、結局forEach.callで実行してしまっており、

テーブルの全行で追加/削除ボタンが非表示になっています。

 

サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させる方法について、

どなたかご教示いただけないでしょうか。

indexで指定したらいいと思います。

[].forEach.call(document.getElementsByClassName("subtable-operation-gaia"), function(button) {
button.style.display = "none";
});
document.getElementsByClassName("subtable-operation-gaia")[1].style.display = "";

TK様

早速の回答ありがとうございます。

教えていただいた方法で希望の動作が実現できました。

ありがとうございました!

スマホでも同じスクリプトを登録したのですがボタンが表示されますが対応策ありますでしょうか?

イベントはモバイル用に修正しています。mobile.app.record.create.show