jQuery चाहते प्रत्येक() ES6 तीर कार्यों के साथ समारोह

Question

मैं इस ES6 कोड के बाद मैं कोलाहल के साथ यह संकलन this अंदर .each की कॉल वापस undefined हो जाता है ES5 करने के लिए है,। मैं इस समस्या को कैसे हल करूं?

let mediaBoxes = $(".now-thumbnail"); 
let titles = []; 
mediaBoxes.each(() => { 
     let obj = { 
       index: i, 
       title: $(this).find(".now-thumbnail-bottomtext").text().trim() 
      }; 
    titles.push(obj); 
}); 

Answer 1

मेरे समाधान बिल्कुल this का उपयोग नहीं करने के लिए है, लेकिन चर कि कॉलबैक फ़ंक्शन पर पारित कर रहे हैं का उपयोग करें। पहला सूचकांक है और दूसरा आपको डीओएम तत्व देता है।

let mediaBoxes = $(".now-thumbnail"); 
let titles = []; 
mediaBoxes.each((index, element) => { 
       let obj = { 
        index: index, 
        title: $(element).find(".now-thumbnail-bottomtext").text().trim() 
       }; 
       titles.push(obj); 
}); 

Answer 2

है ऐसा इसलिए है क्योंकि this का मतलब तीर कार्यों में समान नहीं है।

this

तीर कार्यों संलग्न संदर्भ से यह मान पर कब्जा,

each() समारोह कॉलबैक करने के लिए दूसरा तर्क के रूप में तत्व से गुजरता है।

लेकिन आप के लिए एक अधिक उपयुक्त समाधान भी उपयोग करने के लिए .map()each() के बजाय

let mediaBoxes = $(".now-thumbnail"); 
let titles = mediaBoxes.map((i, el) => { 
    return { 
    index: i, 
    title: $(el).find(".now-thumbnail-bottomtext").text().trim() 
    }; 
}).get();