jquery menetapkan teks butang

Dalam pembangunan web, selalunya perlu untuk menetapkan dan mendapatkan teks untuk elemen seperti butang atau pautan. Antaranya, jQuery boleh digunakan untuk memanipulasi kandungan teks elemen dengan sangat mudah.

1. Tetapkan teks butang

Anda boleh menetapkan kandungan teks butang melalui kaedah text() jQuery. Sebagai contoh, kod berikut boleh menetapkan kandungan teks butang kepada "Serah":

$('#submit-btn').text('提交');

Antaranya, simbol $ bermaksud memanggil perpustakaan jQuery, #submit-btn bermaksud memilih elemen butang dengan id submit-btn, text() Kaedah digunakan untuk menetapkan kandungan teks elemen, dan 'submit' mewakili kandungan teks baharu.

2. Dapatkan teks butang

Jika anda perlu mendapatkan kandungan teks butang, anda boleh menggunakan kaedah text() jQuery. Contohnya, kod berikut boleh mendapatkan kandungan teks butang dengan ID submit-btn:

var text = $('#submit-btn').text();
console.log(text);

Antaranya, var text bermaksud mentakrifkan pembolehubah untuk menyimpan kandungan teks yang diperolehi dan kaedah text() digunakan untuk mendapatkan elemen butang Kandungan teks, console.log(text) digunakan untuk mengeluarkan nilai teks pembolehubah dalam konsol pelayar.

3. Ganti sebahagian daripada kandungan teks

Selain menetapkan kandungan teks bagi keseluruhan butang, anda juga boleh menggantikan sebahagian daripada kandungan teks melalui jQuery's replaceWith() kaedah. Sebagai contoh, kod berikut boleh menggantikan "serahkan" dalam kandungan teks butang dengan id submit-btn sebagai "simpan":

$('#submit-btn').replaceWith($('#submit-btn').text().replace('提交', '保存'));

Antaranya, kaedah replaceWith() digunakan untuk menggantikan elemen yang ditentukan , $('#submit -btn').text() digunakan untuk mendapatkan kandungan teks butang dan .replace('Submit', 'Save') digunakan untuk menggantikan "Submit" dalam teks dengan "Save ".

Ringkasan

Dengan menggunakan kaedah text() dan kaedah replaceWith() dalam perpustakaan jQuery, anda boleh menetapkan dan mendapatkan kandungan teks butang dengan mudah dan anda boleh menggantikan sebahagian teks kandungan. Dalam pembangunan web, operasi ini sangat biasa, dan menguasai kaedah ini boleh meningkatkan kecekapan pembangunan dan kebolehbacaan kod.

Atas ialah kandungan terperinci jquery menetapkan teks butang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!