Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai nilai baris dalam jquery

Bagaimana untuk mengubah suai nilai baris dalam jquery

WBOYasal: 2021-12-01 09:51:302475semak imbas

Cara mengubah suai nilai baris tertentu dalam jquery: 1. Gunakan kaedah eq() untuk mendapatkan objek elemen baris yang ditentukan, sintaksnya ialah "elemen object.eq (indeks elemen baris)" ; 2. Gunakan kaedah html() untuk Untuk mengubah suai nilai objek elemen baris tertentu yang telah diperoleh, sintaksnya ialah "objek elemen baris.html (nilai diubah suai)".

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Cara mengubah suai nilai baris tertentu dalam jquery

Kita boleh menggunakan kaedah html dan kaedah eq() untuk mengubah suai nilai baris tertentu. Kaedah

eq() mengembalikan elemen dengan nombor indeks yang ditentukan bagi elemen yang dipilih. Nombor indeks bermula dengan 0, jadi nombor indeks unsur pertama ialah 0 (bukan 1).

Sintaksnya ialah:

$(selector).eq(index)

kaedah html() mengembalikan atau menetapkan kandungan (HTML dalaman) elemen yang dipilih. Jika kaedah ini tidak menetapkan parameter, ia mengembalikan kandungan semasa elemen yang dipilih.

Sintaksnya ialah:

$(selector).html(content)

Mari kita ambil contoh untuk melihat cara mengubah suai nilai baris Contohnya adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("tr").eq(0).html("<td>hello</td>");
  });
});
</script>
</head>
<body>
<table border="1">
  <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
    <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
</table>
<button class="btn1">改变第一行的元素的内容</button>
</body>
</html>

Output hasil:

Bagaimana untuk mengubah suai nilai baris dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nilai baris dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery html 对象

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk mendapatkan baris dan lajur elemen semasa dalam jqueryArtikel seterusnya：Bagaimana untuk mendapatkan baris dan lajur elemen semasa dalam jquery

Artikel berkaitan

Lihat lagi