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

这是我的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>

名称
地址
城市
枕形
选择权
{第%行中的第%行}
{{row[“注册号”]}
{{row[“rc_编号”]}
{{row[“owner_name”]}
{{row['state']}
{%endfor%}

这是我对即将到来的桌子的印象

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

---

任何帮助都会很有帮助

您会得到额外的列，因为您在末尾使用了开始标记而不是结束标记

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

^^^^