从 laravel 4.2 上的按钮行获取数据答案

【问题标题】：get data from a row onclick based from button's row on laravel 4.2从 laravel 4.2 上的按钮行获取数据
【发布时间】：2016-01-15 11:01:24
【问题描述】：

我有这张表，它在我的视图文件中输出一组记录，这就是它的样子

我想要做的是，当用户单击特定行上的 edit 按钮时，它会从每一行获取数据，将其放入 <p>Data here</p> 然后将其显示在同一页面上到目前为止我所做的是，我做了一个 onlick 函数这是我认为表格的代码

<table class="table table-striped table-hover" id="detailTable">
    <thead>
        <tr>
            <th>Record ID</th>
            <th>School Year</th>
            <th>School Quarter</th>
            <th>Student Name</th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        @foreach ($srs as $key => $vu)
            <tr>
                    <td>{{ $vu->StudentRecordID }}</td>
                    <td>{{ $vu->SchoolYear }}</td>
                    <td>{{ $vu->SchoolQuarter}}</td>
                    <td>{{ $vu->full_name}}</td>
                    <td><button class="btn" id="gid" onclick="tgPanel();" >Edit</button></td>

            </tr>
        @endforeach

    </tbody>

</table>

这是我的javascript中的代码

function tgPanel()
{
   document.getElementById("rid").innerHTML =       document.getElementById("detailTable").rows[0].cells[1].innerHTML ;
   document.getElementById("sy").innerHTML =  document.getElementById("detailTable").rows[0].cells[2].innerHTML ;
   ..and so on..
}

到目前为止，我唯一得到的是标题，我不知道如何在row[0]上指出点击按钮的哪一行有什么想法？

【问题讨论】：

标签： javascript html laravel laravel-4

【解决方案1】：

您的 onclick 函数需要一个参数。

onclick="tgPanel(this)"

然后您可以使用按钮并获取信息。

function tgPanel(button) {
    var tr = button.parentElement.parentElement;
}

【讨论】：