使用JQuery创建方便的数据显示界面-按需-通过iFrame

我正在尝试构建一个方便的功能，我计划将其转化为一个库函数，这样我就可以反复使用

常见的情况如下：

假设我们有一张有一些行和列的普通桌子

范例

<table>
    <tr><td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td></tr>
    <tr><td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td></tr>
    <tr><td>row 3 col 1</td><td>row 3 col 2</td><td>row 3 col 3</td></tr>
</table>

第1列第1列第1列第2列第1列第3列
第2列第1列第2列第2列第2列第3列
第3列第1列第3列第2列第3列第3列

我们希望发生以下事情：

你点击一个TD单元格（比如第1行/第1列），作为对点击事件的响应，该行的正下方会出现一个除法（具有很好的手风琴效果），该除法基本上是一个iframe，100%地延伸到该除法中，其src包括你在该单元格上点击的值；类似于

site.com？id=此处的值

通过这种方式，可以方便地单击此表中的单个单元格，并根据需要将相关数据拉入iframe，righr在其下方单击。只需重新单击相同的值，iframe分区就会关闭。当然，您也可以在其他单元格上执行相同的操作

我知道通过JQuery这一切都是可能的，但我可能需要一段时间才能在没有JQuery的情况下实现这一点
很好的教程

有没有人可以提供一个如何实现这一点的教程
 您不必为此使用iframe。您只需执行一个常规的ajax调用

$('tr').on('click', function(){
    //You could store target data directly in the td's, or however you want. 
    //This is just a quick example
    var target = $(this).attr('title');

    $.get(target, "", function(data){
        $('#contentDiv').html(data);
    });

});

你试过什么吗？你在哪里被卡住了？我理解，但将另一个url的html加载到该分区不是很困难吗？我认为，为了将复杂性降到最低，我必须使用iframe。顺便说一句，这仅用于数据查看目的。@jfriend00，不，我什么都没试过。因为我是jquery的新手，除非我把最初的步骤做好，否则这可能需要很长时间。我建议你开始做这件事，当你陷入困境时问问题。从jQuery文档开始。