jQuery: जो इस मामले में तेज है (.find) बनाम (.filter)

Question

मेरे पास एक बड़ी तालिका है, जिसमें कई रेखाएं (50-200) और कॉलम (30) हैं। तो कुल मिलाकर मेरे पास कम से कम 1500 कोशिकाएं हैं। मैं जानना चाहता हूं कि निम्नलिखित में से कौन से निर्देश तेजी से हैं और क्यों?

//assuming we have some predefined variable 
var table = $('#myTable'); 
var allCells = table.find('td'); 

एक चयनित सेल एक वर्ग selected

selectedCells = table.find('td.selected'); 

बनाम

selectedCells = allCells.filter('.selected'); 

या वहां एक बेहतर, देशी जावास्क्रिप्ट तरीका है (प्रदर्शन और पठनीयता की अवधि में) का चयन किया पाते हैं करने के लिए है, तो कोशिकाओं पर विचार करने के लिए 1500 कोशिकाएं लूप के माध्यम से हैं?

Answer 1

find() यहां तेजी से बढ़ेगा क्योंकि आपकी filter() विधि find() पर निर्भर करती है। अपने कोड से:

var allCells = table.find('td'); 

selectedCells = allCells.filter('.selected'); 

table.find('td.selected');selected वर्ग के साथ ही td तत्वों खींचती है।

table.find('td').filter('.selected') तो सभीtd तत्वों खींचती selected वर्ग के साथ ही तत्वों फिल्टर।