Как мне взять переменные в JavaScript?

Question

Я сделал AJAX-запрос, чтобы при выборе выпадающего списка результаты не появлялись. Я сбит с толку. Проблема в том, что отображается только таблица. Почему данные поступают из переменной $grade (расчет оценки), переменной $value (расчет общей стоимости)?

Я пытаюсь получить элемент. $grade вместо этого он не определен

<script type="text/javascript">
    $(document).ready(function(){
        $('#kategori').on('change', function(e){
            var id = e.target.value;
            $.get('/khs/khs_semester/' + id, function(data){
                console.log(id);
                console.log(data);
                $('#khs').empty();
                $.each(data, function(index, element){
                    $('#khs').append("<tr><td>" + element.kode_mk + "</td><td>" + element.nama_mk + "</td>" + "<td>" + element.semester + "</td><td>" + element.jml_sks + "</td><td>" + element.$grade + "</td></tr>");
                });
            });
        });
    });
</script>

<table class="table table-bordered">
    <thead>
        <tr>
            <th width="100">KODE MK</th>
            <th width="350">NAMA MK</th>
            <th width="50">SEMESTER</th>
            <th width="50">SKS</th>
            <th width="50">GRADE</th>
        </tr>
    </thead>
    <tbody id="khs">
        @foreach($mahasiswa as $row)
            @php

                $nilai = hitung_nilai($row->id);
                $grade = hitung_grade($nilai);
                $mutu  = hitung_mutu($grade);

            @endphp
            <tr>

                <td>{{ $row->kode_mk }}</td>
                <td>{{ $row->nama_mk }}</td>
                <td>{{ $row->semester }}</td>
                <td>{{ $row->jml_sks}}</td>
                <td>{{ $grade }}</td>
                <td>{{ $mutu*$row->jml_sks }}</td>
            </tr>
            @php
                $totalSKS=$totalSKS+$row->jml_sks;
                $totalMutu = $totalMutu+$mutu*$row->jml_sks;
            @endphp
        @endforeach
    </tbody>
</table>

Answer 1

Что может помочь вам, это идентифицировать каждую строку по идентификатору, это может быть идентификатор в <tr id="KM003"> или в конкретном TD оценки, например, <td id="KM003Grade">, чтобы вы могли получить оценку по коду ученика, например:: var Name = $('#IDused').innerHTML;

Если вы используете подход ROW, вы можете использовать класс в каждом дочернем TD для идентификации атрибута, например:

<tr id="km003">
<td class="kode">{{ $row->kode_mk }}</td>
<td class="nama">{{ $row->nama_mk }}</td>
<td class="semester">{{ $row->semester }}</td>
<td class="jml_sks">{{ $row->jml_sks}}</td>
<td class="grade">{{ $grade }}</td>
</tr>

, а затем вы можете получитьзначение по var grade = $("#km003 .grade").innerHTML;