jQuery Διαχείριση Δομής - Μέθοδος replaceWith()

Οδηγός Εφαρμογών jQuery

Παράδειγμα

Αντικαταστήστε κάθε παράγραφο με粗体文本

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Δοκιμάστε το شخصικά

Ορισμός και χρήση

Η μέθοδος replaceWith() αντικαθιστά το επιλεγμένο στοιχείο με καθορισμένο HTML περιεχόμενο ή στοιχείο.

Συμβουλή:replaceWith() με replaceAll() Ακριβώς το ίδιο. Η διαφορά βρίσκεται στη γραμματική: η θέση του περιεχομένου και του συλλέκτη, καθώς και η χρήση της replaceAll() δεν επιτρέπεται.

Γραμματική

$().replaceWith(περιεχόμενο)
Παράμετροι Περιγραφή
περιεχόμενο

Απαιτείται. Καθορίστε το περιεχόμενο που θα αντικαταστήσει το επιλεγμένο στοιχείο.

Πιθανές τιμές:

  • Κώδικας HTML - π.χ. ("<div></div>")
  • Νέο στοιχείο - π.χ. (document.createElement("div"))
  • Το υπάρχον στοιχείο - π.χ. ($(".div1"))

Το υπάρχον στοιχείο δεν θα μετακινηθεί, αλλά θα αντιγραφεί και θα περιλαμβάνει το επιλεγμένο στοιχείο.
Απαιτείται. Καθορίστε το στοιχείο που θα αντικαταστήσει.

Χρησιμοποιήστε τη συνάρτηση για την αντικατάσταση του στοιχείου

Χρησιμοποιήστε τη συνάρτηση για να αντικαταστήσετε το επιλεγμένο στοιχείο με νέο περιεχόμενο.

Γραμματική

$().replaceWith(function())

Δοκιμάστε το شخصικά

Παράμετροι Περιγραφή
function() Απαιτείται. Η συνάρτηση που επιστρέφει το νέο περιεχόμενο του επιλεγμένου στοιχείου που θα αντικαταστήσει.

Περισσότερες Παραδείξεις

Χρησιμοποιήστε το νέο στοιχείο για την αντικατάσταση του στοιχείου
Χρησιμοποιήστε το document.createElement() για τη δημιουργία ενός νέου DOM στοιχείου και στη συνέχεια χρησιμοποιήστε το για να αντικαταστήσετε το επιλεγμένο στοιχείο.

Οδηγός Εφαρμογών jQuery