Скрытие строк таблицы при нажатии на заголовки таблицы

Question

Я пытаюсь скрыть свои строки, когда я нажимаю заголовок таблицы, но код, который я использую, кажется, не работает.

Вот сценарий: (JQuery)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
    $(document).ready(function(){ 

     var rows = $('Game tr'); 

     $("Game th").click(function(){ 
      alert("Clicked"); 
      rows.hide(1000); 
     }); 

    }); 
</script> 

и таблица часть:

$results = mysql_query("SELECT * FROM game WHERE summonerId='$ID' ORDER BY TimeId DESC"); 

    echo "<table id='Game'>"; 
    echo "<tr> <th> CLICK HERE </th> </tr>"; 
    while($row = mysql_fetch_array($results)) 
    { 
     echo "<tr> <td>"; 
     echo $row['TimeId']; 
     echo "</td> </tr>"; 

    } 
    echo "</table>"; 

Я понятия не имею, почему это не работает.

Answer 1

Вы хотите добавить # в селектор ID:

$(function(){ 
    var $rows = $('#Game tr'); 
    $("#Game th").on("click",function(){ 
    alert("Clicked"); 
    $rows.hide(1000); 
    }); 
}); 

Если вы хотите сохранить THS видно, вы можете использовать

var $rows = $('#Game tr:not(":has(th)")'); 

Answer 2

В селекторе Jquery, что вам нужно указать таблицу по идентификатору, добавив к ней #.

попробовать

var rows = $('#Game tr'); 
$("#Game th").click(function(){ 

Answer 3

Вы забыли # в ваших селекторов

$(document).ready(function(){ 

    var rows = $('#Game tr'); 

    $("#Game th").click(function(){ 
     alert("Clicked"); 
     rows.hide(1000); 
    }); 

}); 

Answer 4

, когда вам нужно получить доступ к любому элементу, используя его id in jquery, вы должны сделать это с помощью #

изменение

<script> 
    $(document).ready(function(){ 

     var rows = $('Game tr'); 

     $("Game th").click(function(){ 
      alert("Clicked"); 
      rows.hide(1000); 
     }); 

    }); 
</script> 

до

<script> 
    $(document).ready(function(){ 

     var rows = $('#Game tr'); 

     $("#Game th").click(function(){ 
      alert("Clicked"); 
      rows.hide(1000); 
     }); 

    }); 
</script>