使用jQuery将TD隐藏到DIV中

Question

我试图隐藏所有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>

Answer 1

这不是有效的加价。你不能在td之间有div或文本。您必须重新构建页面才能实现目标。

Answer 2

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

Answer 3

完全按照你所说的做法：

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

Answer 4

这实际上是我之前遇到过的跨浏览器问题 - 某些浏览器[IE]会将opacity css属性（这是hide()的工作方式）应用于它所调用的对象及其所有内容，有些[FF]会将它仅应用于容器，内容仍然可见。

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

我有一段时间没有对此进行测试，所以我关于哪些浏览器将不支持这种情况的陈述可能不再适用。

Answer 5

这是有效的标记，它应该有效：

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