Question

这是我的代码：

<div class="widget-content">
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Tel</th>
                <th>Description</th>
                <th>Action</th>                             
            </tr>
        </thead>
        <tbody>
        <?php
            $allcontacts=$contact->getallcontacts("name",$_SESSION['username']);
            if($allcontacts!=null)

            foreach($allcontacts as $value){
        ?>
            <tr>
                <td><?php echo $value[0]; ?></td>
                <td><?php echo $value[1]; ?></td>
                     <td><?php echo $value[2]; ?></td>
                     <td><?php echo $value[3]; ?></td>
                <td class="td-actions">
                    <a href="?IDD=<?php echo $value[0]."&owner=".$_SESSION['username'];?>">
                        <i class="glyphicon glyphicon-trash"></i>                                       
                    </a>

                    <a href="#" class="eb" onClick="fillinfo();" data-uid="<?php echo $value[0]; ?>" data-toggle="modal" data-target=".bs-example-modal-lg">
                        <i class="glyphicon glyphicon-edit"></i>                                        
                    </a>
                </td>
            </tr>
        <?php } ?>
        </tbody>
     </table>
</div>

我希望在点击该行的编辑按钮时获取每行数据！但我不知道如何找出哪一行的编辑按钮被点击了！编辑按钮：.eb

Answer 1

<强> Working fiddle

您必须使用课程.eb或使用.glyphicon-edit课程将点击事件附加到修改链接，然后您可以使用closest('tr')或parents('tr')使用当前点击的元素{ {1}}引用所点击的修改的父$(this)，例如：

tr

希望这有帮助。

＆＃13;

$('body').on('click', '.glyphicon-edit', function(){
    var clicked_row = $(this).closest('tr');
})

＆＃13;

$('body').on('click', '.glyphicon-edit', function(){
  var clicked_row = $(this).closest('tr');

  console.log( clicked_row.html() );
})

＆＃13;

通过javascript从表中选择数据

1 个答案: