如何使用javascript在foreach循环中获取TD的值？

我在表中使用foreach循环，并且我希望在每一行上都有一个按钮，单击我希望获得该值，所以我尝试了这段代码

@foreach($products as $product)
<tr>
   <td>
 <button onclick='linkproduct();' data-rowid="{{ $product->id }}" class="btn btn-sm btn-info">Use Current Location</button>
     </td>
       </tr>
@endforeach

@foreach（$products作为$product）
使用当前位置
@endforeach

javascript

<script>
    function linkproduct(){
    var userId = $(this).data('rowid');
    console.log(userId);
}
</script>

函数linkproduct（）{
var userId=$（this.data（'rowid'）；
console.log（userId）；
}

---

但控制台中未定义错误

您没有使用此绑定调用特定的函数

您可以传递一个参数：

onclick=“linkproduct（this）”

，然后在函数中处理该参数（而不是

this

）：

或者，如果您喜欢坚持使用

此

，请使用

onclick=“linkproduct.call（this）”

提供正确的

此

）有益的

function linkproduct(button){
    var userId = $(button).data('rowid');
    console.log(userId);
}