How to generate event handlers with loop in Javascript? -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 5 जवाब

उदाहरण के लिए, मेरे पास 10 एजेएक्स प्रतिक्रिया से उत्पन्न एक टैग:

  & lt; a href = "#" id = "b1" & gt; बी 1 & lt; / a & gt; & Lt; a href = "#" id = "b2" & gt; बी 2 & lt; / a & gt; & Lt; a href = "#" id = "b3" & gt; बी 3 & lt; / a & gt; & Lt; a href = "#" id = "b4" & gt; बी 4 & lt; / a & gt; & Lt; a href = "#" id = "b5" & gt; बी 5 & lt; / a & gt; & Lt; a href = "#" id = "b6" & gt; बी 6 & lt; / a & gt; & Lt; a href = "#" id = "b7" & gt; बी 7 & lt; / a & gt; & Lt; a href = "#" id = "b8" & gt; बी 8 & lt; / a & gt; & Lt; a href = "#" id = "b9" & gt; बी 9 & lt; / a & gt; & Lt; a href = "#" id = "b10" & gt; बी 10 & lt; / a & gt;  

मुझे लूप के माध्यम से उनमें से प्रत्येक के लिए onclick घटना असाइन करने की आवश्यकता है:

  के लिए (i = 1; i & lt; 11; i ++) {document.getElementById ("बी" + i)। क्लिक करें = समारोह () {अलर्ट (i); }}  

यह काम नहीं करता है, यह केवल एक टैग और अलर्ट "11" पर अंतिम क्लिक करता है। में इससे कैसे चला सकता हूँ? मैं jQuery का उपयोग नहीं करना चाहूंगा।

आपके सभी हैंडलर्स समान साझा कर रहे हैं I वेरिएबल।

आपको प्रत्येक हैंडलर को एक अलग फ़ंक्शन में रखना होगा जो कि i को एक पैरामीटर के रूप में लेता है जिससे कि प्रत्येक को अपनी वैरिएबल हो:

< पूर्व> फ़ंक्शन संभाल एलेमेंट (i) {document.getElementById ("b" + i) .onclick = function () {चेतावनी (i); }; } के लिए (i = 1; i & lt; 11; i ++) संभाल एलेमेंट (i);