Javascript 如何创建位于表行下方的div

就像这个演示一样

除了在这个演示中，它被添加为一个额外的行。（单击其中一个“>”项并检查页面源，它向表中添加了一个新行）。如果我使用这种策略，使用标准的Jquery插件（如table sorter）进行排序将很困难

想法？

你不能。

不是

或

的有效子级。您需要使用

我不知道该插件是如何工作的，但可能有对多个

元素排序的支持，这将允许您对行集进行分组。

您不能。

不是

或

的有效子级。您需要使用

---

我不知道这个插件是如何工作的，但也许它支持对多个

元素进行排序，这将允许您对行集进行分组。

我不知道您是否可以这样做。在表中放置这样的标记是无效的（X）HTML，因此可能不会给您带来您想要的效果

我不知道您是否可以这样做。将标签放在表格中是无效的（X）HTML，因此可能不会给您带来您想要的效果，即

div

位于

td

中，在单击

之前，它是隐藏的

---

下面是一个演示：

该

div

位于

td

中，在单击

之前，该td是隐藏的

---

这是一个演示：

如果你看这个演示，他们在第一个演示下面用了一个第二个，它跨越了大部分列。

如果你看这个演示，他们在第一个单元格的下方使用第二个单元格，其中包含一个跨大多数列的表格。

您可以在每个描述单元格下的表格单元格中嵌入一个不可见的明细表，并在单击时使其可见：

---

您可以在每个描述单元格下的表格单元格中嵌入不可见的详细信息表格，并在tr单击时使其可见：

---

如其他答案中所述，我们不能在表中添加不在TD中的div。但是，可以采取一些措施将div放置在行上。为了使div显示在行内，我们可以在显示div时增加行的高度。这是最基本的。由于div实际上不在表中，如果表碰巧进行了排序，您可能希望隐藏div或将其重新定位到新的TR位置。它会带来自己的挑战，但你可以玩一下，看看它是否适合你。

如其他答案中所述，我们不能在没有TD的情况下在表中添加div。但是，可以采取一些措施将div放置在行上。为了使div显示在行内，我们可以在显示div时增加行的高度。这是最基本的。由于div实际上不在表中，如果表碰巧进行了排序，您可能希望隐藏div或将其重新定位到新的TR位置。它会带来它自己的挑战，但你可以玩它，看看它是否适合你。

我有一个想法。真难看。我唯一想做的就是在对行进行排序之前，分离额外的行（使用div）并使用JQuery以某种方式存储它。排序完成后，将行（带div）重新连接到正确的位置

---

这可能，不，我应该说，会很快变得丑陋，特别是在分页和过滤方面…

我有一个想法。真难看。我唯一想做的就是在对行进行排序之前，分离额外的行（使用div）并使用JQuery以某种方式存储它。排序完成后，将行（带div）重新连接到正确的位置

---

这可能，不，我应该说，会很快变得难看，特别是在分页和过滤方面…

走开了，并对我的评论做了一些思考，关于查找行高度和覆盖div。。很近，但我不是jQuery高手，所以也许有人能帮我整理一下

如果在打开下一个div/row之前关闭了div/row，我会将其显示/隐藏在正确的位置。。但是，如果在打开div one时单击按钮2，它没有得到正确的

顶部

位置（它得到的是展开后的行的位置，而不是原始行的位置），我相信一定有办法在行未展开时获得该位置并将其存储

不管怎么说，你要努力。。我知道这是非常冗长的，变量方面的，因为我只能应用CSS逻辑-我对js或jquery函数和存储了解不够。。我还想，如果我解释一下我是如何得到变量的，以及需要哪些变量，可能会帮助那些知道如何改进的人；）

• 输入/按钮没有文本，但它们是点击触发器

• position（）可能不是正确的用法，它需要div能够找到相关行的原始位置（在表wrap div内？）

• ?

---

走了，想了想我的评论，想了想找到行高和覆盖div。。很近，但我不是jQuery高手，所以也许有人能帮我整理一下

如果在打开下一个div/row之前关闭了div/row，我会将其显示/隐藏在正确的位置。。但是，如果在打开div one时单击按钮2，它没有得到正确的

顶部

位置（它得到的是展开后的行的位置，而不是原始行的位置），我相信一定有办法在行未展开时获得该位置并将其存储

不管怎么说，你要努力。。我知道这是非常冗长的，变量方面的，因为我只能应用CSS逻辑-我对js或jquery函数和存储了解不够。。我还想，如果我解释一下我是如何得到我的变量的，哪些变量是需要的，也许