javascript - 从值 id 获取 id

Question

我如何获取这个id的值，我从 Controller 发送它并将其发送到表中

我的html

<tbody class="no-border-x">
   <tr>
     <td id="id"></td>
     <td id="nm_kegiatan"></td>
     <td id="biaya_pemeliharaan"></td>
     <td id="tgl_pemeliharaan"></td>
     <td id="penambahan_nilai_aset"></td>
     <td><a onclick='deleteKegiatan(this.id)' class="pointer-jempol"><i class="mdi mdi-delete"></i></a></td>
   </tr>
 </tbody>

我的脚本加载表单 Controller

function showModal(id) { 
$('input[name=_method]').val('PATCH');
$('#modal-form form')[0].reset();
$.ajax({
  url: "{{ url('pemeliharaan/kegiatan') }}/" + id, //menampilkan data dari controller edit
  type: "GET",
  dataType: "JSON",
  success: function (data) { 
    var d = data[0];
    $('#modal-form').modal('show');
    $('#id').html(d.id);
    $('#nm_kegiatan').html(d.nm_kegiatan);
    $('#biaya_pemeliharaan').html(d.biaya_pemeliharaan);
    $('#tgl_pemeliharaan').html(d.tgl_pemeliharaan);
    $('#penambahan_nilai_aset').html(d.penambahan_nilai_aset);

  },
  error: function () {
    alert("Data tidak ada");
  }

});
}

Answer 1

this.id不指<td id='id'> 。它指的是id被点击的元素。和id应该是唯一的，所以你不能拥有 <td id="id"></td>在表格的每一行上。

• 添加类(class) delete-row删除<a>
• 使用class而不是id上<td> s

$("body").on('click', '.delete-row', function(event) {
  var id = $(this).parents('tr').find('.id').text();
  console.log(id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody class="no-border-x">
    <tr>
      <td class="id">1</td>
      <td class="nm_kegiatan"></td>
      <td class="biaya_pemeliharaan"></td>
      <td class="tgl_pemeliharaan"></td>
      <td class="penambahan_nilai_aset"></td>
      <td><a class="pointer-jempol delete-row"><i class="mdi mdi-delete"></i> Delete</a></td>
    </tr>
    <tr>
      <td class="id">2</td>
      <td class="nm_kegiatan"></td>
      <td class="biaya_pemeliharaan"></td>
      <td class="tgl_pemeliharaan"></td>
      <td class="penambahan_nilai_aset"></td>
      <td><a class="pointer-jempol delete-row"><i class="mdi mdi-delete"></i> Delete</a></td>
    </tr>
    <tr>
      <td class="id">3</td>
      <td class="nm_kegiatan"></td>
      <td class="biaya_pemeliharaan"></td>
      <td class="tgl_pemeliharaan"></td>
      <td class="penambahan_nilai_aset"></td>
      <td><a class="pointer-jempol delete-row"><i class="mdi mdi-delete"></i> Delete</a></td>
    </tr>
  </tbody>
</table>