$(".table1").click(function(event){ var tr=$(event.target).closest("tr"); var text=tr.find("td:first").text(); console.log(text); $(".table2").empty();点击table选中行，选中行改变颜色，再次点击或点击其他table行则原先改变的行恢复，而再次点击的行改变颜色 具体代码

这是一个基于jQuery的代码，实现了点击表格行来高亮显示选中行，并且再次点击或者点击其他行可以取消选中状态。同时还实现了点击table1的行后，清空table2的内容。

$(".table1").on("click", "tr", function(event) {
  // 取消其他选中行
  $(".table1 tr.selected").removeClass("selected");
  // 高亮选中行
  $(this).addClass("selected");
  
  // 获取第一列的文本内容
  var text = $(this).find("td:first").text();
  console.log(text);
  
  // 清空table2
  $(".table2").empty();
});

$(".table2").on("click", "tr", function(event) {
  // 取消其他选中行
  $(".table2 tr.selected").removeClass("selected");
  // 高亮选中行
  $(this).addClass("selected");
});

在上述代码中，我们使用了jQuery的on方法来绑定事件处理程序。我们在table1上绑定了"click"事件，而在table2上绑定了"click"事件。当点击table1的行时，首先取消其他选中行的状态，然后将当前行设为选中状态，并且获取第一列的文本内容和清空table2的内容。当点击table2的行时，同样先取消其他选中行的状态，然后将当前行设为选中状态。