2016-11-28 7 views
0

私は次のコードを持っていますが、なぜ異なるテーブルの列を隠しているのかわかりません。テーブルIDであるセレクタの最初の部分を無視しているようです。 異なるテーブルの列を隠すjQuery

<html> 
<head> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
    <table id="table1"> 
     <thead> 
      <tr> 
       <th>Col1</th> 
       <th>Col2</th> 
       <th>Col3</th> 
       <th>Col4</th> 
       <th>Col5</th> 
       <th>Col6</th> 
       <th>Col7</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Val1</td> 
       <td>Val2</td> 
       <td>Val3</td> 
       <td>Val4</td> 
       <td>Val5</td> 
       <td>Val6</td> 
       <td>Val7</td> 
      </tr> 
     </tbody> 
    </table> 
    <table id="table2"> 
     <thead> 
      <tr> 
       <th>Col1</th> 
       <th>Col2</th> 
       <th>Col3</th> 
       <th>Col4</th> 
       <th>Col5</th> 
       <th>Col6</th> 
       <th>Col7</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Val1</td> 
       <td>Val2</td> 
       <td>Val3</td> 
       <td>Val4</td> 
       <td>Val5</td> 
       <td>Val6</td> 
       <td>Val7</td> 
      </tr> 
     </tbody> 
    </table> 
    <table id="table3"> 
     <thead> 
      <tr> 
       <th>Col1</th> 
       <th>Col2</th> 
       <th>Col3</th> 
       <th>Col4</th> 
       <th>Col5</th> 
       <th>Col6</th> 
       <th>Col7</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Val1</td> 
       <td>Val2</td> 
       <td>Val3</td> 
       <td>Val4</td> 
       <td>Val5</td> 
       <td>Val6</td> 
       <td>Val7</td> 
      </tr> 
     </tbody> 
    </table> 
<script> 
    $(document).ready(function() { 
     $('#table1 td:nth-child(4),th:nth-child(4)').hide(); 
    }); 
</script> 
</body> 

は、私が最初にこのソリューションを試してみました https://stackoverflow.com/a/5901376/3658485

私はテーブルを選択し、その目/ TDSを反復処理しているつもりですか?を

答えて

2

あなたはこれを置く必要があります。

'#table1 td:nth-child(4), #table1 th:nth-child(4)' 
+0

うん:

最善の解決策は、あなたが隠したいし、それをそうのようなテーブルを与える番目/ TDを呼び出すことです。カンマの後にテーブルIDを再度入れる必要がありました。それは全く意味をなさない。ありがとうございました。 –

1
$(document).ready(function() { 
    $('#table1 td:nth-child(4),th:nth-child(4)').hide(); 
}); 

あなたのコードであるTDを選択:n番目の子(4)表1の、それはまた目を選択している:n番目の子(4)すべてのテーブルのそれだっ

$(document).ready(function() { 
    $('td:nth-child(4),th:nth-child(4)', '#table1').hide(); 
}); 
関連する問題