Question

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

不可能使用每个函数选择每一行，因为每一行都是不同的，并且只有这样的几行。怎么做呢

我试过这个，但它没有工作

＆＃13;

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

＆＃13;

Answer 1

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

'SUBSTRING_INDEX(...'

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

Answer 2

另一个解决方案是

＆＃13;

var or1 = $("#tab_logic button");
or1.each(function() {
  $(this).click(function() {
    var text =  $(this).closest('tr').children('td:eq(1)').children().first().html();
    $(this).closest('tr').children('td:eq(2)').children().first().val(text);
  });
});

＆＃13;

#tab_logic td{
   border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tab_logic">
  <tr>
    <td>one</td>
    <td><p>I'm just a paragraph</p></td>
    <td><input type="text"/></td>
    <td><button>button</button></td>
  </tr>
  <tr>
    <td>two</td>
    <td><p>I'm just another paragraph</p></td>
    <td><input type="text"/></td>
    <td><button>button</button></td>
  </tr>
</table>

＆＃13;

点击第三列

2 个答案: