定位按钮列表以获取其价值的最佳方法？

Question

定位全部具有不同值的10个按钮列表的最佳方法是什么？

我相信它将是<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="myTable"> <tr> <th>Product</th> <td>Golden Watch</td> <td>Silver Watch</td> <td>Car 2018</td> <td>Wooden Table</td> <td>Sport Car 2019</td> <td>Perfume</td> <td>Car 2010</td> <td>Piano</td> </tr> <tr> <th>Price($)</th> <td>1000</td> <td>600</td> <td>60000</td> <td>50</td> <td>100000</td> <td>100</td> <td>10000</td> <td>250000</td> </tr> <tr> <th>Origin Country</th> <td>Switzerland</td> <td>USA</td> <td>Germany</td> <td>Sweden</td> <td>Italy</td> <td>France</td> <td>England</td> <td>Austria</td> </table>，但我不确定如何在函数/ onlick中使用它

Answer 1

查看getElementById和querySelectorAll的MDN文档，其中包括示例。

有关简要概述，

document.querySelectorAll('button')
    .forEach((button, i) =>
        button.addEventListener('click', () => console.log(`button ${i} clicked!`)));