Jquery 单击onclick更新html表

我在php中创建了一个变量，单击该变量时，我希望它填充另一个包含一些数据的表

我猜我使用的是AJAX和Jquery，但是我应该看什么函数呢

e、 g。 如果我做了这样的事。我希望单击$variable1，并且仅当单击时才会显示在中的表1中

是否有人拥有该函数的链接或可以执行此操作的几行代码？ 谢谢

单击时，variable1将转到此处

实现这一点有很多方法：

• 在div a中写入

  variable1

  ，使其在单击时显示
• AJAX调用以获取

  variable1的值

• 将页面发回服务器，并使用

  variable1

  重新写入

  table1

//别忘了在html页面中包含jQuery。从谷歌cdn获取
单击时，variable1将转到此处
$（函数（）{
$（“#aVar”）。单击（函数（）{
var content=$（this.html（）；
$（“#var1Descr”）.html（内容）；
});
});

这段代码就是这么做的

1） 当用户单击id为“aVar”的元素时，它将读取所单击元素的内容，并将其存储为一个名为content的变量。 2） 将存储的内容设置为名为“var1DEscr”的div的内容

---

如果您想在第二个div中加载一些其他数据，可以使用jquery ajax从服务器页面获取该数据，并将其作为div的内容加载。您可以使用td的onclick事件

<div id="table1">
<table>
<tr>
<td onclick="this.innerHtml = <?php echo $variable1?>">variable1 will go here when clicked</td>

$variable1
输出什么？单击$variable1是什么意思？变量不是图形元素，它只是数据。variable1只是我先前从数据库中提取的一些文本
<?php
$variable1
echo '<a href="#" id="aVar">.$variable1.'</a>';
?>
// Dont forget to include jQuery in the html page. Gra it from the google cdn

<div id="table1">
<table>
<tr>
<td><div id="var1Descr">variable1 will go here when clicked</div></td>

<script>

$(function(){

  $("#aVar").click(function(){
     var content=$(this).html();
      $("#var1Descr").html(content);

  });

});
</script>

<div id="table1">
<table>
<tr>
<td onclick="this.innerHtml = <?php echo $variable1?>">variable1 will go here when clicked</td>