Maison >interface Web >js tutoriel >Plusieurs façons de supprimer/remplacer des éléments DOM avec jQuery_jquery

Plusieurs façons de supprimer/remplacer des éléments DOM avec jQuery_jquery

WBOY
WBOYoriginal
2016-05-16 16:47:421082parcourir

Supprimer

L'opération de suppression est très simple. Appelez simplement la méthode remove() directement après l'ensemble de résultats.

Par exemple, pour supprimer tous les éléments a du script html suivant, copiez le code directement via

Le le code est le suivant :

$('a'.remove();

C'est tout.
Copier le code Le code est le suivant :


Bien entendu, vous pouvez également filtrer les résultats de la sélection en passant les paramètres à supprimer, puis effectuer l'opération de suppression
Copier le code Le code est le suivant :

$('a').remove('.remove');
Il est à noter que

L'opération de suppression ne supprimera pas les éléments qui remplissent les conditions du jeu de résultats, donc en théorie vous pouvez continuer à utiliser les éléments "supprimés"
L'opération de suppression non seulement "supprimera" l'élément et les données liées à tous les éléments seront également supprimées (gestionnaires d'événements, données mises en cache en interne)

Remplacer

Si vous souhaitez remplacer l'élément li par la classe supprimer avec
  • removed
  • , vous pouvez utiliser les deux méthodes suivantes, etc. Méthode de prix


    $('li.remove'). replaceWith('
  • removed
  • );
    $('
  • removed< /li>;).replaceAll('li.remove');

  • Déclaration:
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn