Comment puis-je détecter les modifications dans le contenu des éléments DOM au-delà de la fonction « change() » de jQuery ?

Détection des modifications du contenu des éléments DOM avec jQuery

La fonction jQuery change() détecte efficacement les modifications dans les valeurs des éléments de formulaire. Cependant, que se passe-t-il si vous devez surveiller les modifications apportées au contenu d'un élément DOM, par exemple lorsque vous utilisez $("#content").html('something')?

Le dilemme

La fonction change() n'est pas adaptée à cet effet car les modifications de contenu dans les éléments hors formulaire proviennent du code. Par conséquent, s'y fier vous obligerait à vérifier manuellement le contenu de l'élément à des intervalles spécifiques.

Approches alternatives

1. Chaîner les méthodes jQuery et la traversée :

Si vous effectuez une simple manipulation DOM, envisagez de chaîner les méthodes jQuery et la traversée. Par exemple :

$("#content").html('something').end().find(whatever)....

2. Événement personnalisé et triggerHandler :

Pour des actions plus complexes, utilisez la fonction de liaison de jQuery avec un événement personnalisé et un triggerHandler.

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   //Custom-action
});

Cette approche vous permet de définir une action personnalisée qui être exécuté lorsque l'événement "customAction" est déclenché.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!