confirmをtableの行に紐付けるjQueryスニペット


confirmボタンがtableの各行についていて、それで「はい/いいえ」を選択した結果が行と紐付けられないんだよ~っていう相談を人伝にされました。
わざわざ行ごとにボタンを置いているプラグインを探すのも手間だし、この相談をしてくる人にプラグインの実装は難しいかもしれないと思って、ちょちょいと作ったサンプル。
誰からの相談かわからなかったのでボタンは古めかしくてわかりやすいデザイン(笑)にしておきました。

See the Pen EKNgeN by natsumi (@mayo31) on CodePen.

やってることは行のdataカスタム属性の値を渡しているだけなので、Vanillaに書き換えればjQuery使わなくてもできます。
もし対象ブラウザが古くてHTML5で書けないよ~っていうなら、idやclassを使って好きに名前をつけたり値を渡せばOK。