如何通过使用javascript单击按钮来获取特定行列的值

Question

这是我的html代码

  <div class="container">
<table class="table table-bordered">
         <thead>
            <td>Name</td>
            <td>Address</td>
            <td>city</td>
            <td>Pincode</td>
            <th>Options</th>
         </thead>
         
         {% for row in rows %}
            <tr>
               <td>{{row["registraion_number"]}}</td>
               <td>{{row["rc_number"]}}</td>
               <td> {{ row["owner_name"]}}</td>
               <td>{{row['state']}}</td>  
               <td><button type="button" class="use-address"></td>
            </tr>
         {% endfor %}
      </table>
      </div>
      <a href = "/">Go back to home page</a>
   </body>
</html>

这是我的桌子来的图像

如何通过选择该行的特定按钮来获取名称

任何帮助都会有所帮助

Answer 1

您获得了额外的列，因为您在末尾使用了开始标签而不是结束标签。

<td><button type="button" class="use-address" /><td>
                                                ^^^^