Rumah >hujung hadapan web >tutorial js >JQuery Cari dan Ganti Gelung Watak

JQuery Cari dan Ganti Gelung Watak

Joseph Gordon-Levitt
Joseph Gordon-Levittasal
2025-03-07 00:10:10962semak imbas

Gunakan gelung jQuery untuk mencari dan menggantikan aksara di laman web

jQuery Find and Replace Characters Loop

Coretan kod jQuery berikut menunjukkan bagaimana untuk melayari setiap elemen HTML dalam laman web dan mencari dan menggantikan aksara. Sila ubah nilai dalam fungsi penggantian seperti yang diperlukan.

jQuery('html').each(function(i){
  jQuery(this).text(jQuery(this).text().replace('需要替换的文本','替换后的文本'));
});

jQuery Cari dan ganti Soalan Loop Watak (Soalan Lazim)

Bagaimana untuk menggantikan aksara tertentu dalam rentetan dengan jQuery?

Untuk menggunakan jQuery untuk menggantikan aksara tertentu dalam rentetan, anda boleh menggunakan kaedah

. Kaedah ini mencari nilai yang ditentukan atau ungkapan biasa dalam rentetan dan mengembalikan rentetan baru di mana nilai yang ditentukan telah diganti. Berikut adalah contoh mudah: replace()

var str = "Hello World!";
var res = str.replace("World", "jQuery");
Dalam contoh ini, "dunia" digantikan dengan "jQuery". Kaedah

hanya menggantikan kejadian pertama nilai yang ditentukan. Untuk menggantikan semua kejadian, anda perlu menggunakan ungkapan biasa dengan bendera "G" (perlawanan global). replace()

Apakah perbezaan antara

dan replaceWith() dalam jQuery? replaceAll() Kaedah

dan

dalam replaceWith() jQuery digunakan untuk menggantikan unsur -unsur yang sepadan, tetapi mereka bekerja sedikit berbeza. Kaedah replaceAll() menggantikan elemen yang dipilih dengan kandungan baru, dan kaedah replaceWith() menggantikan elemen yang dipadankan oleh pemilih yang ditentukan. replaceAll() Contohnya, jika anda mempunyai dua elemen dengan id "lama" dan "baru", anda boleh menggantikan "lama" dengan "baru" menggunakan

seperti berikut:

replaceWith()

Sebaliknya, untuk menggantikan "baru" dengan "lama" dengan
$("#old").replaceWith($("#new"));
, anda perlu melakukan perkara berikut:

replaceAll()

Bagaimana untuk mencari dan menggantikan teks HTML menggunakan jQuery?
$("#new").replaceAll("#old");

Untuk mencari dan menggantikan teks HTML dengan jQuery, anda boleh menggunakan kaedah

dengan kaedah

. html() kaedah menetapkan atau mengembalikan kandungan elemen yang dipilih (innerHTML). Apabila digunakan untuk menetapkan kandungan, ia menimpa kandungan semua elemen yang sepadan. replace() html() Berikut adalah contoh:

Dalam contoh ini, fungsi ini mengambil dua parameter: indeks elemen semasa dalam senarai dan kandungan HTML lama elemen. Fungsi ini mengembalikan kandungan HTML baru, menggantikan "teks lama" dengan "teks baru".
$("p").html(function(index, oldHtml){
  return oldHtml.replace("旧文本", "新文本");
});

Bolehkah saya mengganti pelbagai aksara yang berbeza dalam rentetan dengan jQuery?

Ya, anda boleh menggantikan pelbagai aksara yang berbeza dalam rentetan dengan jQuery. Anda boleh melakukan ini dengan menghubungkan kaedah

atau menggunakan ungkapan biasa. Berikut adalah contoh kaedah

pautan: replace() replace()

Dalam contoh ini, "Hello" dan "World" digantikan dengan "Hi" dan "JQuery" masing -masing.
var str = "Hello World!";
var res = str.replace("Hello", "Hi").replace("World", "jQuery");

Bagaimana menggunakan gelung untuk mencari dan menggantikan aksara dalam rentetan dengan jQuery?

Untuk menggunakan gelung untuk mencari dan menggantikan aksara dalam rentetan dengan jQuery, anda boleh menggunakan kaedah each() bersamaan dengan kaedah replace(). Kaedah each() menentukan fungsi untuk dijalankan untuk setiap elemen yang sepadan. Berikut adalah contoh:

jQuery('html').each(function(i){
  jQuery(this).text(jQuery(this).text().replace('需要替换的文本','替换后的文本'));
});

Dalam contoh ini, gelung kaedah each() melalui setiap pasangan nilai utama dalam objek replacements, dan kaedah replace() menggantikan setiap kekunci dalam rentetan (oldStr) dengan nilai yang sepadan (newStr). Bendera "G" dalam ungkapan biasa memastikan bahawa semua kejadian kunci diganti.

Atas ialah kandungan terperinci JQuery Cari dan Ganti Gelung Watak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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