jquery - 使用 jquery 访问嵌套的 div

Question

我定义了一个tabs使用JQuery

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
  </ul>

  <div id="tabs-1">
    <table>
      <tr><td>demo</td></tr>
    </table>        
  </div>
  <div id="tabs-2">
    <table>
      <tr><td>demo</td></tr>
      <div id="hello">
        <tr><td>Hello World</td></tr>
      </div>
    </table> 
  </div>

我可以tabs-1用简单的代码隐藏

function hideTabs1() {
   $("#tabs-1").hide(); 
}

我怎样才能只隐藏“Hello World”这个词？

Answer 1

试试这个：

$("#hello td").hide(); 

或更好 ：

$("#tabs-2 td:eq(1)").hide(); 

Answer 2

尝试这个：

$('#hello td').css('visibility', 'hidden');

Answer 3

尝试这个：

$('#hello').css('display', 'none');


<div id="tabs-2">
    <table>
      <tr><td>demo</td></tr>
       <tr  id="hello"><td>Hello World</td></tr>
    </table> 
  </div>

Answer 4

您应该真正将 HTML 修复为这样的内容，以使其有效：

...
<div id="tabs-2">
   <table>
      <tr><td>demo</td></tr>
      <tr id="hello"><td>
         Hello World
      </td></tr>
   </table> 
</div>
...

那么你将是 jQuery：

$("#hello td").hide();

Answer 5

对我来说，解决方案是结合几个人的答案。（我不确定 SO 协议是什么，所以我回答了我自己的问题，并标记了所有其他答案）

一旦我意识到 DIV 不能是 TABLE 的子项（感谢 bfavaretto 和 Sirko），然后我意识到我可以将表分成两个表，并给我想要隐藏 ID 的表（使用 Ruben 和 Ryan 的想法a td) 然后隐藏这个表。

谢谢大家。