Bagaimana untuk mendapatkan teks dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mendapatkan teks dalam jquery

WBOY

Lepaskan： 2023-05-24 21:46:37

asal

1814 orang telah melayarinya

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang memudahkan penulisan JavaScript dan memudahkan pembangun memanipulasi elemen dan kandungan dalam dokumen HTML. Salah satu keperluan biasa adalah untuk mendapatkan kandungan teks dalam dokumen HTML Artikel ini akan memperkenalkan dua kaedah biasa untuk mendapatkan teks dalam jQuery.

1. kaedah text()

Kaedah text() ialah kaedah terbina dalam jQuery yang boleh digunakan untuk mendapatkan kandungan teks elemen. Menggunakan kaedah ini, kita boleh mendapatkan maklumat teks mana-mana elemen dalam dokumen HTML dengan mudah. Berikut ialah contoh mudah yang akan menunjukkan cara untuk mendapatkan maklumat teks elemen:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQuery text()方法演示</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="test">这是一个例子</div>
  <script>
    var text = $('#test').text();
    alert(text);
  </script>
</body>
</html>

Salin selepas log masuk

Dalam contoh ini, kami mula-mula memperkenalkan perpustakaan jQuery, dan kemudian mencipta elemen div dengan id "ujian", Dan gunakan kaedah text() untuk mendapatkan kandungan teksnya dan simpan hasilnya dalam pembolehubah bernama teks. Akhir sekali, tetingkap pop timbul dipanggil untuk mengeluarkan nilai pembolehubah ini ke skrin.

2. kaedah html()

Selain kaedah text(), terdapat juga kaedah yang dipanggil html(), yang boleh digunakan untuk mendapatkan kandungan HTML sesuatu elemen. Perbezaan antara kaedah ini dan kaedah text() ialah ia boleh mendapatkan kandungan selain daripada teks elemen, seperti semua label dan teks. Berikut ialah contoh mudah yang akan menunjukkan cara menggunakan kaedah html() untuk mendapatkan kandungan HTML elemen:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQuery html()方法演示</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="test"><b>这是</b>一个例子</div>
  <script>
    var html = $('#test').html();
    alert(html);
  </script>
</body>
</html>

Salin selepas log masuk

Dalam contoh ini, kami mencipta elemen div dengan id "ujian" yang mengandungi A teg dan teks. Kami mendapatkan kandungan HTMLnya menggunakan kaedah html() dan menyimpan hasilnya dalam pembolehubah yang dipanggil html. Akhir sekali, tetingkap pop timbul dipanggil untuk mengeluarkan nilai pembolehubah ini ke skrin.

Ringkasan

Di atas ialah dua cara biasa untuk mendapatkan teks Kaedah text() dan html() adalah kaedah terbina dalam jQuery Anda boleh menggunakannya untuk mendapatkan teks dengan mudah dalam dokumen HTML Teks atau kandungan HTML mana-mana elemen. Apabila menulis kod jQuery, kita harus memilih kaedah yang sesuai berdasarkan keperluan sebenar. Jika kita hanya memerlukan kandungan teks, kita boleh menggunakan kaedah text() jika kita perlu mendapatkan keseluruhan kandungan elemen, termasuk label dan teks, kita boleh menggunakan kaedah html().

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