Как получить значение каждой строки таблицы с помощью jquery

Question

Привет, у меня есть этот код.

<div class="col-md-6"> <br><br> 
     <table class="table"> 
      <thead> 
       <th> Subject </th> 
       <th> Schedule </th> 
       <th> Day </th> 
       <th> Slots </th> 
       <th> Sections </th> 
       <th> Action </th> 
      </thead> 
      <tbody> 
      <?php 
       foreach($Subjects as $row) 
       { 
        $course = $this->session->userdata('course'); 
        if($course == 'BSITWMA' || $course == 'BSCSSE' || $course == 'BSITDA' || $course == 'BSITGDD') 
        { 

         if($row->ite == '1') { 
          echo '<tr>'; 
          echo '<td id="subj_code" name="subj_code">' .$row->subject_code. '</td>'; 
          echo '<td id="sched_time" name="sched_time">' .$row->schedule_timestart. ' - ' .$row->schedule_timeend.' </td>'; 
          echo '<td id="day" name="day">' .$row->schedule_day. '</td>'; 
          echo '<td id="slot" name="slot">' .$row->slots. '</td>'; 
          echo '<td id="sect_code" name="sect_code">' .$row->section_code. '</td>'; 
          echo '<td > <button id = "btn-add" class="btn" > Reserve </button > </td>'; 
          echo '</tr>'; 
         } 
        } 

        else { 
         if($row->coe == '1') { 
          echo '<tr>'; 
          echo '<td id="subj_code" name="subj_code">' .$row->subject_code. '</td>'; 
          echo '<td id="sched_time" name="sched_time">' .$row->schedule_timestart. ' - ' .$row->schedule_timeend.' </td>'; 
          echo '<td id="day" name="day">' .$row->schedule_day. '</td>'; 
          echo '<td id="slot" name="slot">' .$row->slots. '</td>'; 
          echo '<td id="sect_code" name="sect_code">' .$row->section_code. '</td>'; 
          echo '<td > <button id = "btn-add" class="btn" > Reserve </button > </td>'; 
          echo '</tr>'; 
         } 
        } 
       } 
      ?> 
       </tbody> 
      </table> 
     </div> 

Я обновил свой код, и это то, на что оно похоже сейчас.

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

У меня еще нет кода для извлечения значения.

У меня есть часть jquery вроде этого, и я до сих пор не знаю, как получить значения в каждом TD.

$('button').on('click',function() { 
    var rowCount = $('#mhTable >tbody >tr').length; 


}); 

Answer 1

Почему бы не сделать что-то подобное для каждой из ваших переменных в вашем foreach?

$subject_code = $row->subject_code; 

, а затем вы можете использовать эту переменную для все, что вы выбираете (например, ваш запрос)

Answer 2

Вы можете получить предка <TD> элемент кнопки и получить значения путем доступа к текстовому элементу sibling <td> элементов, использующих функцию jQuery .each().

Код должен выглядеть примерно так:

$(document).ready(function() { 
    $("#btn-add").on('click', function() { 
     var values = []; 
     $(this).parent('td').siblings().each(function() { 
      values.push($(this).text()); 
     }); 

     console.log(values); 
    }); 
}); 

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

Вот fiddle с этим примером в практике