masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mengubah suai nilai baris dalam jquery

Bagaimana untuk mengubah suai nilai baris dalam jquery

WBOY
Lepaskan： 2021-12-01 09:51:30
asal
2529 orang telah melayarinya

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)".

Bagaimana untuk mengubah suai nilai baris dalam jquery

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)
Salin selepas log masuk

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)
Salin selepas log masuk

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>
Salin selepas log masuk

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!

Label berkaitan：
jquery
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk mendapatkan baris dan lajur elemen semasa dalam jquery Artikel seterusnya：Bagaimana untuk memilih elemen dan mengubah suai atribut dengan jquery
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
daripada 2024-04-04 12:53:48
0
1
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan