在html中，如何获取按钮所在按钮的行数据？答案

【问题标题】：In html, how to get row data on button in which button is present?在html中，如何获取按钮所在按钮的行数据？
【发布时间】：2013-12-25 15:15:51
【问题描述】：

我正在尝试在单击按钮时从表中获取存在单击按钮的行的数据。

这是我的 html 表格：

<table class="table" id="eduEditTbl">
    <tr>
        <td class="hidden-phone hidden-tablet hidden-desktop"></td>
        <td class="span3 hidden-phone"> Degree </td>
        <td class="span3 hidden-phone"> College </td>
        <td class="span3 hidden-phone"> Year </td>                                          
        <td class="span3 hidden-phone"> Country </td>                                           
        <td class="span3 hidden-phone"> Action </td>
    </tr>                                       
    <tr class="eduEditRow">
        <td class="hidden-phone hidden-tablet hidden-desktop ids">1</td>
        <td class="span3 hidden-phone editDeg"> MBBS </td>
        <td class="span3 hidden-phone editClg"> PMC </td>
        <td class="span3 hidden-phone editYear"> 2010-2014 </td>
        <td class="span3 hidden-phone editCountry"> Pakistan </td>
        <td><button class="span4 EduEdit" >Edit</button><button class="span4 EduDel">Delete</button></td>                                           

    </tr>
 </table>

这是我的 Javascript 代码：

    <script type="text/javascript">
        $(document).on('click', '.EduEdit', function(){
            var tr = $(this).closest('.eduEditRow');
        var eduId = tr.find('.ids').text();
            var eduDeg = tr.find('.editDeg').text();
            var eduClg = tr.find('.editClg').text();
            var eduCountry = tr.find('.editCountry').text();
            var eduYear = tr.find('.editYear').text();

            alert(eduid);
            alert(eduDeg);
            alert(eduClg);
            alert(eduCountry);
            alert(eduYear);)});     
   </script>

我哪里错了？

【问题讨论】：

打开控制台，修复语法错误

标签： jquery html html-table row

【解决方案1】：

您有 2 个语法错误

$(document).on('click', '.EduEdit', function () {
    var tr = $(this).closest('.eduEditRow');
    var eduId = tr.find('.ids').text();
    var eduDeg = tr.find('.editDeg').text();
    var eduClg = tr.find('.editClg').text();
    var eduCountry = tr.find('.editCountry').text();
    var eduYear = tr.find('.editYear').text();

    alert(eduId);// eduid here
    alert(eduDeg);
    alert(eduClg);
    alert(eduCountry);
    alert(eduYear); //extra `)` here
});

演示：Fiddle

【讨论】：