如何使用jquery获取每个表行的值

时间:2015-05-30 00:39:29

标签: php jquery mysql codeigniter

您好我有这些代码。

<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>

我已经更新了我的代码,这就是现在的样子。

当我按下按钮时,我想要的是什么。我将检索所有值并使用它插入数据库。

我还没有任何代码来检索值部分。

我有像这样的jquery部分,我仍然不知道如何获得每个TD中的值。

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


});

2 个答案:

答案 0 :(得分:2)

你可以得到祖先&lt; td&gt;按钮的元素,并通过访问兄弟的文本元素&lt; td&gt;获取值。使用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实践中的这个例子

答案 1 :(得分:0)

为什么不为foreach中的每个变量做这样的事情?

$subject_code = $row->subject_code;

然后您可以将该变量用于您选择的任何内容(例如您的查询)