著作権についてお問い合わせ【JavaScript】同明細行の情報を取得するスクリプト2019.02.18JavaScriptHOMEITJavaScript【JavaScript】同明細行の情報を取得するスクリプトAdvertisement画面を作成する際に良く利用するものとして、テーブルがあります。このテーブルですが、例えば明細毎にボタンが設定されていて、その同明細行の情報を取得したい場合も多いかと思います。今回はそんな、同明細行の情報を取得するためのJavaScriptについて解説したいと思います。まとめ同明細行の情報を取得するスクリプト早速ソースコードを記載しておきます。value="表示"></td></tr></table></body></html>表示ボタンをクリックします。表示ボタンと同階層の「K00001」というIDをアラートで表示します。上記ソースコードをテキストファイルに保存してください。ファイル名は「〇〇.html」で保存します。ファイル名の〇〇は任意の名前で問題ありません。HTMLファイルであれば何でも構いません。解説4行目からJavaScriptの記述が始まります。6行目でクリックされたボタンのインデックス(階層番号)を取得します。$("[name=show]").index(this);次に先ほど取得したインデックス(階層番号)を元に、同階層の情報(今回であれば、nameがinputのもの)を取得します。$("[name=input]").eq(index).text();最後に取得した同明細行の情報をアラートで出力しています。JavaScriptJavaScriptalert(value);1alert(value);まとめたったこれだけのJavaScriptですが、ちょうど業務で困っていた当時は全然JavaScriptに詳しくなくて困っていたのを思い出します。このJavaScriptから色々と応用を利かせられると思いますので、是非参考にしてみてください。