Woher genau, wo genau MutationRecord passiert ist (mehrere Ziele)?

Question

Ich versuche eine Gruppe von Elementen zu beobachten. Anzahl der Elemente können vielfältig sein: von 1 bis 10.

$observedElements = document.querySelectorAll('em.price'); 
// in that time length will be 3. 

// $observedElements[0] is a '<em class='price'>10.15</em>' 
// $observedElements[1] is a '<em class='price'>35.00</em>' 
// $observedElements[2] is a '<em class='price'>48.95</em>' 

So ..

var observer = new MutationObserver(function(MutationRecord) { 
    MutationRecord.forEach(function(MutationRecord) { 
     if (MutationRecord.type == 'characterData') { 
      console.log ('got it ... in elem. № ? '); 
      // which element is affected by this mutation? [0], [1] or [2] ?  
     }; 
    }); 
}); 

var observerConfig = { attributes: false, childList: true, characterData: true, subtree: true, }; 

for (var i = 0; i < $observedElements.length; i++) { 
    observer.observe($observedElements[i], observerConfig); 
}; 

Wenn der Wert in einem Element geändert wurde, wird ein MutationRecord.type Character erhalten. In meinem Beispiel ändert sich $ observedElements [1] von '35 .00 'zu '25.00'

Aber wie kann ich wissen, dass diese Änderung in emelent $ observedElements [1] war? In empfangenen target.textContent gab ich nur Textwert.

Answer 1

MutationRecord.target weist bereits auf das Element, das geändert wird, so könnte man die Wurzel mit

function findObserver(mutationRecord) { 
    for (var i = 0; i < $observedElements.length; i++) { 
    if ($observedElements[i].contains(mutationRecord.target)) { 
     return $observedElements[i]; 
    } 
    } 
    return null; 
}