javascriptで複数のIDを持つときに、異なる引数で関数を実行するにはどうすればよいですか？

Question

私には2つのパラメータを示す表があります。私がしたいのは、ボタンがクリックされたときにこれらの各パラメータの値を変更することです。したがって、各パラメータには独自の固有のID（jinja2で作成）を持つ独自のボタンがあります。値を変更するために、私は関数内の引数としてパラメータの名前を取らなければならない、下の写真を見てください。

my actual setup

は、だから私はあることを私の入力ボックスと私のボタンを持っていますクリック：

<td> <input type=number size=5 id="{{key}}"> </td> 
<td> <button onClick="change('{{key}}')" name="{{key}}">change value</button> </td> 

難しい部分は、私の機能は以下のように記述されているので変更は、Pythonスクリプトを実行することによって行わなければならず、ということである：

function change(key){ 
$.getJSON($SCRIPT_ROOT + '/_change_value', { 
    a: $('input[name="key"]').val(), 
    b: $('button[name="key"]').val()}, function(data) { alert("Value was changed to " + data.result);}); 

}

私はテスト目的のために、すべてがうまくいったかどうかをチェックするために、ただを返すpython関数を作成しましたが、残念なことに。

@app.route('/_change_value') 
def change_value(): 
a = request.args.get('a', 0, type=int) 
b = request.args.get('b', 0, type=int) 
return jsonify(result=a) 

と常に0が返されます...私は誰かが私が値キーが渡されていないかなり確信しているこの で私を助けることができるならばうれしいです。おかげでたくさん事前に

編集：私はこの質問を投稿ミスを犯し、idが代わりに入力の名前で存在しているが、それは私の問題を解決できなかった、まだ...ここ

Answer 1

あなたはsolutioに行きますhttps://jsfiddle.net/1dvjqy11/

$('button').click(function(){ 
 
    var a = $(this).closest('tr').find('input[type="number"]').val(); 
 
    var b = $(this).closest('tr').find('td').first().html(); 
 
    console.log(a, b); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Parameter</th> 
 
     <th>Value</th> 
 
     <th></th> 
 
     <th></th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>GPS_Inject_to</td> 
 
     <td>127</td> 
 
     <td> 
 
     <input type="number" size=5 /> 
 
     </td> 
 
     <td> 
 
     <button> 
 
      Change Value 
 
     </button> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>RPM2_SCALING</td> 
 
     <td>1</td> 
 
     <td> 
 
     <input type="number" size=5 /> 
 
     </td> 
 
     <td> 
 
     <button> 
 
      Change Value 
 
     </button> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

私は親trを取得するためにjQuery closestを使用して子エルを見つけるために​​メソッドを使用しましたements。

希望すると、これが役立ちます。