JQuery Ganti semua teks di halaman

Coretan kod jQuery ini menggantikan semua teks pada laman web dengan rentetan yang ditentukan. Berguna untuk nama syarikat yang berubah secara dinamik atau teks lain berdasarkan pembolehubah. Ingat bahawa .replace() mengembalikan rentetan baru; Anda mesti menetapkannya semula ke elemen untuk mengemas kini halaman.

inilah cara menggunakannya:

// Replace all periods (.) on the page with hyphens (-)
var replace_str = $('body').html().replace(/./g,'-');
$('body').html(replace_str);

// Alternative method if the above doesn't work
var strNewString = $('body').html().replace(/./g,'---');
$('body').html(strNewString);

Soalan Lazim (Soalan Lazim): Penggantian String JQuery

Q1: Bagaimana saya mengganti rentetan dalam kandungan html menggunakan jQuery?

JQuery dengan cekap menggantikan rentetan dalam HTML menggunakan

dan JavaScript's

. Pilih elemen, dapatkan HTML menggunakan .html(), gunakan replace(), dan kemudian kemas kini HTML elemen dengan hasilnya. .html() replace()

$("p").html(function(index, oldHtml) {
  return oldHtml.replace("old string", "new string");
});

Q2: Bolehkah saya menggantikan pelbagai kejadian rentetan?

Ya, tetapi hanya menggantikan kejadian

pertama. Gunakan ungkapan biasa dengan bendera "G" (global) untuk semua keadaan:

replace() Q3: Bagaimana saya menargetkan bahagian -bahagian tertentu HTML?

$("p").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});

Gunakan pemilih jQuery yang lebih tepat. Sebagai contoh, untuk menggantikan rentetan dalam perenggan dengan kelas "myclass":

Q4: Bolehkah saya mengganti rentetan dalam nilai atribut?

$(".myClass").html(function(index, oldHtml) {
  var regex = new RegExp("old string", "g");
  return oldHtml.replace(regex, "new string");
});

Ya, gunakan kaedah

:

Q5: Bolehkah saya mengganti rentetan dengan kandungan html?

.attr()

Ya. Kaedah

$("img").attr("src", function(index, oldSrc) {
  var regex = new RegExp("old.jpg", "g");
  return oldSrc.replace(regex, "new.jpg");
});

menerima HTML sebagai pengganti: Contoh berikut menggantikan "rentetan lama" dengan kandungan HTML. Ambil perhatian bahawa ini bersamaan dengan fungsi di atas, sebagai "rentetan baru" boleh menjadi html.

Atas ialah kandungan terperinci JQuery Ganti semua teks di halaman. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!