問題タブ [sliders]

ユーザーがテーブル内の複数のスライダーを調整するテーブル フォームを作成しています。スライダーごとに画面に表示する値を更新したい。でこれをやろうとしたのですgetElementsByClassNameが、1 つのスライダーを調整すると、出力値が他のすべてのスライダーに表示されます。各スライダー (約 20 個あります) に ID を割り当てることができると思いますが、これを行うためのより効率的な方法があるかどうか疑問に思っていました。

テーブル入力の html コードのサンプルを次に示します。

と JS コード:

スライダー値のテキストに、テーブル内の個々のスライダーごとに調整されたスライダー値を表示する方法はありますgetElementsByClassNameか、またはすべてのスライダーに 20 個の異なる ID を割り当てる必要がありますか? ありがとう。