Méthode JQuery pour remplacer le DOM nodes_jquery

L'exemple de cet article décrit comment remplacer les nœuds DOM par JQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Si vous souhaitez remplacer un nœud, jQuery fournit les méthodes correspondantes, à savoir replaceWith() et replaceAll().

La fonction de la méthode

replaceWith() est de remplacer tous les éléments correspondants par des éléments HTML ou DOM spécifiés.

Code JQuery pour cet exemple :

<script type="text/javascript">
//<![CDATA[
$(function(){
 $("#btn_1").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p">欢迎访问www.jb51.net</p>'); 
 })
 $("#btn_2").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p" title="欢迎访问脚本之家" >欢迎访问脚本之家</p>'); 
  // 同样的实现： $('<p class="nm_p">欢迎访问www.jb51.net</p>').replaceAll(".nm_p"); 
 })
});
//]]>
</script>

Vous pouvez également utiliser une autre méthode dans JQuery, replaceAll(), qui a le même effet que la méthode replaceWith(), sauf que l'opération replaceWith() est inversée. Vous pouvez utiliser le code jQuery suivant pour obtenir la même fonction. :

Copier le code Le code est le suivant :

$('

Bienvenue dans www.jb51 .net

').replaceAll(".nm_p");

Ces deux phrases de code JQuery obtiendront l'effet de remplacement de nœud.

PS : Si un événement a été lié à un élément avant le remplacement, l'événement initialement lié disparaîtra avec l'élément remplacé après le remplacement, et l'événement doit être à nouveau lié sur le nouvel élément.

J'espère que cet article sera utile à la programmation jQuery de chacun.