jQuery: अगर मैं किसी दिए गए तत्व में HTML बदल गया है तो मैं कैसे पता लगा सकता हूं?

Question

जावास्क्रिप्ट में, संभवतः jQuery का उपयोग करके, मैं कैसे पता लगा सकता हूं कि किसी दिए गए तत्व की HTML सामग्री बदल गई है या नहीं?

$('#myDiv').change(function(){ 
    // do some stuff 
}); 

मैं मूल रूप से अगर दिए गए तत्वों (दिए गए तत्वों की भीतरी एचटीएमएल ऐसे लेबल के रूप में div करने के लिए या अगर जोड़े जा रहे हैं पता लगाने के लिए कोशिश कर रहा हूँ:

मैं तरह somthing ऐसा करने में सक्षम होना चाहते हैं) बदल गया है और फिर सामग्री के आधार पर div छुपाएं या दिखाएं।

इस तरह एसएमटी प्राप्त करने के बारे में कोई वैकल्पिक विचार भी की सराहना करता है।

मुझे उम्मीद है कि मुझे ऐसा करने के लिए कुछ अस्पष्ट प्लगइन पर वापस नहीं जाना पड़ेगा!

नोट: इसे कम से कम IE8 में काम करने की आवश्यकता है!

Answer 1

आप डोम लेवल 3 इवेंट DOMNodeInserted का उपयोग कर सकते हैं। उदाहरण:

$('#myDiv').bind('DOMNodeInserted', function(e) { 
    console.log('element: ', e.target, ' was inserted); 
}); 

डेमो: http://www.jsfiddle.net/vsgdZ/1/

ईवेंट सक्रिय करेगा जब भी कोई नया नोड तत्व है जिस पर आप हैंडलर बाँध के साथ जोड़ दिया गया था।