Keterangan. Dapatkan konten teks gabungan dari setiap elemen dalam kumpulan elemen yang cocok, termasuk turunannya
Berbeda dengan metode .html(), .text() dapat digunakan dalam dokumen XML dan HTML. Hasil dari metode .text()_ adalah string yang berisi teks gabungan dari semua elemen yang cocok. (Karena variasi parser HTML di browser yang berbeda, teks yang dikembalikan mungkin berbeda di baris baru dan ruang kosong lainnya. ) Pertimbangkan HTML berikut
1
2
3
4
5
6
7
<div class="demo-container">
<div class="demo-box">Demonstration Boxdiv>
<ul>
<li>list item 1li>
<li>list <strong>itemstrong> 2li>
ul>
div>
Kode
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
_1 akan menghasilkan hasil berikut
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
_2
Metode .text()_ tidak dapat digunakan pada input formulir atau skrip. Untuk menyetel atau mendapatkan nilai teks dari elemen
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
_4 atau
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
5, gunakan metode
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
6. Untuk mendapatkan nilai elemen skrip, gunakan metode
.html()Pada jQuery 1. 4, metode .text()_ mengembalikan nilai teks dan simpul CDATA serta simpul elemen
Contoh
Temukan teks di paragraf pertama (hapus html), lalu atur html paragraf terakhir untuk menunjukkan bahwa itu hanya teks (tebal merah hilang)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text demotitle>
<style>
p {
color: blue;
margin: 8px;
}
b {
color: red;
}
style>
<script src="https://code.jquery.com/jquery-3.6.3.js">script>
head>
<body>
<p><b>Testb> Paragraph.p>
<p>p>
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
body>
html>
_Demo
. teks( teks )Pengembalian.
Keterangan. Setel konten setiap elemen dalam kumpulan elemen yang cocok ke teks yang ditentukan
versi ditambahkan. 1. 0
versi ditambahkan. 1. 4
fungsi
Jenis. ( indeks, teks ) =>
Sebuah fungsi mengembalikan konten teks untuk diatur. Menerima posisi indeks elemen di set dan nilai teks lama sebagai argumen
Berbeda dengan metode .html(), .text() dapat digunakan dalam dokumen XML dan HTML
Kita perlu menyadari bahwa metode ini lolos dari string yang disediakan seperlunya sehingga dapat dirender dengan benar dalam HTML. Untuk melakukannya, ini memanggil metode DOM
<div class="demo-container">
<div class="demo-box">Demonstration Boxdiv>
<ul>
<li>list item 1li>
<li>list <strong>itemstrong> 2li>
ul>
div>
1, tidak menafsirkan string sebagai HTML. Perhatikan HTML berikut1
2
3
4
5
6
7
<div class="demo-container">
<div class="demo-box">Demonstration Boxdiv>
<ul>
<li>list item 1li>
<li>list <strong>itemstrong> 2li>
ul>
div>
Kode
<div class="demo-container">
<div class="demo-box">Demonstration Boxdiv>
<ul>
<li>list item 1li>
<li>list <strong>itemstrong> 2li>
ul>
div>
_2 akan menghasilkan output DOM berikut1
2
3
<div class="demo-container">
<p>This is a test.</p>
div>
Ini akan muncul di halaman yang dirender seolah-olah tagnya terbuka, seperti ini
1
<p>This is a testp>
Metode .text()_ tidak dapat digunakan pada elemen input. Untuk teks kolom input, gunakan the. metode val()
Pada jQuery 1. 4, metode .text()_ memungkinkan kita mengatur konten teks dengan meneruskan fungsi
1
2
3
$( "ul li" ).text(function( index ) {
return "item number " + ( index + 1 );
});
Diberikan daftar tidak terurut dengan tiga elemen
<div class="demo-container">
<div class="demo-box">Demonstration Boxdiv>
<ul>
<li>list item 1li>
<li>list <strong>itemstrong> 2li>
ul>
div>
5, contoh ini akan menghasilkan keluaran DOM berikut
Bagaimana Anda mendapatkan teks di dalam elemen?
Anda cukup menggunakan metode jQuery text() untuk mendapatkan semua konten teks di dalam elemen. Metode text() juga mengembalikan konten teks dari elemen turunan.
Bagaimana cara mendapatkan teks di dalam elemen div?
Untuk mendapatkan nilai konten div di jQuery, gunakan metode text() . Metode text() mendapatkan konten teks gabungan dari semua elemen yang cocok. Metode ini berfungsi untuk dokumen XML dan XHTML.
Bagaimana cara mendapatkan teks tag dalam JavaScript?
Anda dapat menggunakan ini. var elemen = dokumen. getElementById('txt'); . innerText. elemen.
Bagaimana cara mendapatkan hanya teks dari innerHTML?
Buat elemen dummy dan tetapkan ke variabel. Kita bisa mengekstrak nanti menggunakan elemen objek. Tetapkan teks HTML ke innerHTML elemen dummy dan kita akan mendapatkan teks biasa dari objek elemen teks.
