Функция jQuery hide не работает должным образом

Question

Вот мой PHP-код. В этом я создаю таблицу и заполняю данные, вытаскивая ее из базы данных. Я печатаю два ряда. Во второй строке таблицы я написал «Hello There». Мое понимание функции .hide() заставляет меня полагать, что она должна быть скрыта при просмотре страницы. Но это не так?

<table> 
    <thead> 
     <tr> 
      <th>All Courses</th> 
      <th>Center</th> 
      <th>Batch</th> 
      <th>Click for Info</th> 
     </tr> 
    </thead> 
    <tbody> 
       <?php 
       if($batch_query != null){ 
        $i = 0; 
        foreach($batch_query->result_array() as $row){ 
        $val = "'".$row['course_id'].",".$row['center_id'].",".$row['batch_id']."'"; 
        echo "<tr>"; 
         echo "<td>".$row['course_name']."</td>"; 
         echo "<td>"."<button id= \"btn_number_$i\" class='btn info toggler' >Info <i class='icon-arrow-down'></i></button>"."</td>"; 
        echo "</tr>"; 
        echo "<tr class='info_row'>Hello There!!</tr>"; 
        $i++; 
        } 
       } 

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

Вот мой JQuery код между тэгом на той же странице:

$(function(){ 
    console.log('Hello World!!');// Just to test whether the code is being reached or not. 
    $('.info_row').hide(); 
    }); 

Но, кажется, не работает функция это скрыть(). Вся строка «Hello there» остается на странице.

В чем причина этого?

Answer 1

ваш HTML является invalid..missed <td> в <tr>

должно быть

echo "<tr class='info_row'><td>Hello There!!</td></tr>"; 
         //--^^-here 

Answer 2

попробовать это

$(".tableClass table tr").eq(1).hide(); 

вам нужно иметь <td> в <tr>