javascript - 单击第三列中的按钮时无法从表的第二列获取数据

Question

我有一个表，有四列，第二列是段落字段，第三列是输入字段，第四列是按钮。我想要的是单击按钮行时，段落列中的数据应应用于输入字段，即第三行。

不可能使用每个函数选择每一行，因为每一行都是不同的，而且这样的行很少。怎么才能做到这一点

我已经尝试过，但没有成功

var or1 = $("#tab_logic button");
				or1.each(function() {
					$(this).click(function(){
						alert("u");
						var u = $(this).parent("tr").find('td:first').html();
						alert(u);
					});
				});

Answer 1

在不知道确切的 HTML 的情况下，我根据你的解释做了这个。如果我理解正确的话，这就是你想要实现的目标吗？

$("button").click(function() {
	var row = $(this).closest("tr");
  var name = row.find("p").html();
  var input = row.find("input");
  input.val(name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <th>ID</th>
    <th>Name</th>
    <th>Input</th>
    <th>Button</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td><p>John Doe</p></td>
      <td><input type="text" placeholder="Name"/></td>
      <td><button type="button">Set name</button></td>
    </tr>
    <tr>
      <td>1</td>
      <td><p>Jane Doe</p></td>
      <td><input type="text" placeholder="Name"/></td>
      <td><button type="button">Set name</button></td>
    </tr>
  </tbody>
</table>