Php 使用html中的javascript标识所选td

我有一个包含100行和td的表。如下图所示

<table border="0" cellpadding="0" cellspacing="0" id="artcle-title" >
  <tr>
   <td>Artcle details 1</td>
  </tr>
  <tr>
   <td>Artcle details 2</td>
  </tr>
  <tr>
   <td>Artcle details 3</td>
  </tr>
  <tr>
   <td>Artcle details 4</td>
  </tr>
....
 </table>

小品详情1
艺术细节2
艺术细节3
艺术细节4
....

当用户单击td内容时，我希望显示与所选表相关的单独内容表。我希望在单独的表中显示内容。我的意思是在选定的桌子外面。 我的问题是

如何识别所选的表（不传递任何参数，例如：funshow（td_id1）等）

---

有人知道这一点吗？

您可以在

表中的每个
tr
元素上附加一个
click
处理程序。单击后，将调用此处理程序，您将能够获得底层DOM元素。拥有元素后，可以修改其内容。根据您是否正在使用javascript框架，实现这一点的方法会有所不同。例如，使用：

$（函数（）{
$（'table tr'）。单击（函数（）{
$（this.html（'somenewcontents'）；
});
});
在表上，放置一个onclick事件：

HTML：

<table onclick="lineSelected(event||window.event)">...</table>

这是将事件附加到DOM元素的旧方法，但它是跨浏览器的，并且易于启动。然后可以开始使用
attachEvent
或
addEventListener

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("table#articles td").each(function(){
        $(this).click(function(){
            $(".tdcontent").html($(this).html());
        });
    });
});
</script>

$（文档）.ready（函数（）{
$（“表#条td”）。每个（函数（）{
$（此）。单击（函数（）{
$（“.tdcontent”）.html（$（this.html（））；
});
});
});

将使用id
articles
a
click
handler附加到表中的每个td。单击的td的内容将写入类为
tdcontent
的元素中。
根据您自己的需要定制此示例并不难

您使用的是哪种javascript框架？e、 g:jQuery、prototype、dojo etcI了解简单java脚本和jQuery实际上我想在单独的表中显示内容。我的意思是在选定的桌子外面，另一张桌子在哪里？新的一排？一个现有的表（如果是，该行是如何识别的）？谢谢，第一个表有一个Id=“artcle title”。在这张表的外面，我有一张Id为“artcle details”的新表。在article details表中，我只想显示一行内容。所有其他内容都不应显示。您使用的是javascript框架吗？在jQuery中，您可以尝试
$（'article details tr:first td'）.html（“新内容”）非常好..谢谢，希望达到成功。。html（“新内容”）：新内容是动态的。所以我必须使用显示和块属性，请告诉我如何显示特定行和其他必须隐藏的行。。。
function lineSelected(ev){
  var target = ev.target || ev.srcElement;
  // target is the clicked element (TD, TR,...)
  // Place here the code to detect which line is selected, ie:
  // content of a cell in that row, counting the lines, an id on the tr,...
}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("table#articles td").each(function(){
        $(this).click(function(){
            $(".tdcontent").html($(this).html());
        });
    });
});
</script>