Jquery関数への値の受け渡し

Question

indexの値をこのように機能させるために渡したいと思います。誰が私にいくつかアイデアを与えることができます！

index = 3; 
$("#addNewRow"+index+"").on("click", function() { 


}); 

Answer 1

あなたはそれを渡す必要はありません、あなたはそれを直接使用することができます。最も簡単で最高だ

index = 3; 
 
$("#addNewRow"+index).on("click", function() { 
 
    alert(index); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="addNewRow3">Add New Row</button>

しかし、あなたは他の多くの方法でそれを行うことができます。たとえば、あなたが戻って、オブジェクトIDからそれを抽出することができます。

index = 3; 
 
$("#addNewRow"+index).on("click", function() { 
 
    alert(this.id.substring(9)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="addNewRow3">Add New Row</button>

それとも、イベントデータを使用してそれを渡すことができます：

index = 3; 
 
$("#addNewRow"+index).on("click", index, function (e) { 
 
    alert(e.data); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="addNewRow3">Add New Row</button>

Answer 2

使お：

$("#addNewRow"+index).on("click", function() { 
.. 
.. 
});