Question

我在单击html表中的按钮时遇到问题并获取同一行的值并将其传递给输入FullName 。我怎样才能做到这一点？感谢

<td><?php echo $r['signatoryname'] ?></td>
                                <td><?php echo $r['signatoryposition'] ?></td>
                                <td><?php echo $r['signatoryoffice'] ?></td>
                                <td>

                                <button type="button" class="btnedit btn btn-xs btn-success">
                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>Edit
                                </button>
                                </td>

<input id="Fullname" class="form-control" >

Answer 1

你可以这样使用，

$(".btnedit").click(function () {
    var name = $(this).closest("tr").find("td:eq(0)").text();
    $("#Fullname").val(name);
});

Closest("tr")将返回点击按钮的父级tr。

然后你可以使用它的索引找到孩子td。

find("td:eq(0)")将返回所选td的第一个tr。在您的情况下，它将返回签名名。

同样，您可以使用find("td:eq(1)")＆amp; find("td:eq(2)")

Answer 2

您可以尝试此操作，或根据您的层次结构更改结构。

$('.btnedit').click(
 function(){
  var uName = $(this).parent().prev().html();
  $(this).parent().next().children('.form-control').val(uName)
 });

working fiddle

单击html表中的按钮并获取同一行的值

2 个答案: