1

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(); 
}

「HelloWorld」という単語だけを非表示にするにはどうすればよいですか？

4

5 に答える 5

2

これを試してください：

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

以上：

$("#tabs-2 td:eq(1)").hide();
于 2012-06-26T14:16:53.080 に答える
1

これを試して：

$('#hello td').css('visibility', 'hidden');
于 2012-06-26T14:17:19.943 に答える
1

これを試して：

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


<div id="tabs-2">
    <table>
      <tr><td>demo</td></tr>
       <tr  id="hello"><td>Hello World</td></tr>
    </table> 
  </div>
于 2012-06-26T14:19:28.953 に答える
1

有効になるように、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();
于 2012-06-26T14:23:14.853 に答える
0

私にとっての解決策は、数人の答えを組み合わせることです。（これに対するSOプロトコルが何であるかわからないので、私は自分の質問に答え、他のすべての答えをマークアップしました）

DIVがTABLEの子になることはできないことに気づいたら（bfavarettoとSirkoに感謝）、テーブルを2つのテーブルに分割し、IDを非表示にしたいテーブルを指定できることに気付きました（RubenとRyanのアイデアを使用してa td）次に、このテーブルを非表示にします。

みなさん、ありがとうございました。

于 2012-06-26T15:07:36.563 に答える