我如何为 forwach 循环中的按钮创建事件侦听器

Question

我有一个for 每个循环，它循环遍历一个表，并且该表有一个id字段，该字段被分配给按钮的id 。 我需要查看点击了哪个按钮（我需要获取id的值）。 表的id不是1,2,3,4,5它是带有数字的Q或A ； 例如，一个按钮的id可能是： Q21 。

Answer 1

这可能会让你开始：

 $('table tr td button').click(function(){ let tbl = $(this).closest('table').attr('id'); let row = $(this).closest('tr')[0].rowIndex; console.log(tbl+row); });

 .h2{font-size:1.5rem;} .h3{font-style:italic;}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <div class="h2">Table rowIndex is zero-based</div> <div class="h3">(First row number is zero)</div> <table id="Q"> <tr><td>Row 1</td><td><button>Row 1</button></td></tr> <tr><td>Row 2</td><td><button>Row 2</button></td></tr> <tr><td>Row 3</td><td><button>Row 3</button></td></tr> </table>

Answer 2

在看到您的最新评论回复之前，我写了较早的答案。 这个新答案可能更接近您的需要。 我将留下第一个答案，以便您以后可以参考。

 $('table tr td button').click(function(){ let buttId = this.id; console.log('You clicked: ' + buttId); });

 .h2{font-size:1.5rem;} .h3{font-style:italic;}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <div class="h2">This might be closer to your needs</div> <table id="Q"> <tr><td>Row 1</td><td><button id="Q1">Row 1</button></td></tr> <tr><td>Row 2</td><td><button id="Q2">Row 2</button></td></tr> <tr><td>Row 3</td><td><button id="Q3">Row 3</button></td></tr> </table>