使用 jQuery 将 TD 隐藏到 DIV 中答案

【问题标题】：Hide TD into DIV Using jQuery使用 jQuery 将 TD 隐藏到 DIV 中
【发布时间】：2011-10-29 07:27:51
【问题描述】：

我正在尝试隐藏一个包含所有 TD 的 div 但只将文本隐藏到 div 中而不隐藏 TD 标签有人知道如何解决这个问题吗？我的代码是：

jQuery 代码：

$('div#default_results').hide();

HTML 代码：

<div id='default_results'>
Div Content
<td class='rand_code'>
TD Content
</td>
</div>

结果：

<td class='rand_code'>
TD Content
</td>

【问题讨论】：

标签： html jquery

【解决方案1】：

这不是有效的标记。 td 之间不能有 div 或文本。您将不得不重组您的页面以实现目标。

【讨论】：

【解决方案2】：

试试：$('.rand_code').hide(); 要么 $("#default_results td").hide();

【讨论】：

【解决方案3】：

照你说的做：

$("#default_results").replaceWith($("#default_results").find("td"));

【讨论】：

【解决方案4】：

这实际上是我之前遇到的一个跨浏览器问题 - 一些浏览器 [IE] 会将 opacity css 属性（hide() 的工作原理）应用于它被调用的对象及其所有内容，并且一些 [FF] 只会将其应用到容器中，并且内容仍然可见。

我曾经设法找到的唯一可行的解决方案是在容器及其包含的所有元素上调用hide()。这在已经隐藏它但确实有效的浏览器中是多余的。

我已经有一段时间没有对此进行测试了，因此我关于哪些浏览器将/不支持此功能的陈述可能不再正确。

【讨论】：

【解决方案5】：

这是有效的标记，它应该可以工作：

<div>
  Div Content
  <table>
    <tr>
     <td>Table Content</td>
    </tr>
  </table>
</div>

【讨论】：