<div class="codetitle"> <span><a style="CURSOR: pointer" data="11599" class="copybut" id="copybut11599" onclick="doCopy('code11599')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code11599"> <br><input type="button" value="btn1 " id= "btn1"/> <br><input type="button" value="btn2" id="btn2"/> <br><input type="button" value="btn3" id ="btn3 "/> <br><script type="text/javascript"> <br>for(var i=1;i<=3;i ){ <BR>document.getElementById('btn' i).onclick = (function(j){ <BR>return function(){ <BR>alert(j); <BR>} <BR>})(i); script><br><br> <br> </div>以下は jquery と組み合わせたコードです。原理は同じです。<br><strong>JavaScript を使用してページ上の要素をバッチ バインドし、増分番号を渡す場合、次のように記述する必要があります: <br><html> 部分のコード: </strong><br><br><div class="codetitle"> <span>コードをコピー <a style="CURSOR: pointer" data="3313" class="copybut" id="copybut3313" onclick="doCopy('code3313')"><u></u> コードは次のとおりです。 : </a></span> </div><input type="button" id="btn1" value="ボタン 1" /> <div class="codebody" id="code3313"><input type="button" id="btn2" value= "ボタン 2" /> <br><input type="button" id="btn3" value="ボタン 3" /><BR><input type="button" id="btn4" value= "ボタン 4" /> <BR><input type="button" id="btn5" value="ボタン 5" /><BR><input type="button" id="btn6" value= "ボタン 6" /> <BR>< ;input type="button" id="btn7" value="ボタン 7" /> コードの一部: <br><br><br> </div> <br>コードをコピー<br><div class="codetitle"> <span> コードは次のとおりです。<a style="CURSOR: pointer" data="81287" class="copybut" id="copybut81287" onclick="doCopy('code81287')"><u> </u>$(function () { </a> var i; </span>for (i = 1; i $("#btn" i).bind("click", { id: i }, dis); >} <div class="codebody" id="code81287">}); <br><br>関数 dis(evt) { <br>alert(evt.data.id); <br><br> </div> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
