jQuery - एक बहुत बड़ी मेज

Question

मुझे लगा कि यह एक तेजी से एक बहुत बड़ी तालिका की सामग्री (3000 पंक्तियाँ) दूर करने के लिए जिस तरह से हो सकता है से सभी पंक्तियों को दूर करने के लिए सबसे तेज़ तरीका:

$jq("tbody", myTable).remove(); 

लेकिन यह पाँच के आसपास ले रहा है फ़ायरफ़ॉक्स में पूरा करने के लिए सेकंड। क्या मैं कुछ गूंगा कर रहा हूं (एक ब्राउज़र में 3000 पंक्तियों को लोड करने की कोशिश करने के अलावा)? क्या ऐसा करने का कोई तेज तरीका है?

Answer 1

$("#your-table-id").empty(); 

जितना तेज़ हो उतना तेज़ है।

Answer 2

दो मुद्दों मैं यहाँ देख सकते हैं: jQuery के

1. खाली() और() हटाएं तरीकों वास्तव में काफी काम का एक सा है। क्यों जॉन रेसिग के JavaScript Function Call Profiling देखें।

2. अन्य बात यह है कि सारणीबद्ध डेटा की बड़ी मात्रा के लिए आप सर्वर से तेज़ी से अपने डेटा लोड करने के इस तरह के उत्कृष्ट DataTables के रूप में एक datagrid पुस्तकालय की सोच सकते हैं, नेटवर्क कॉल की संख्या बढ़ रही है, लेकिन के आकार को कम कर दें वो कॉल मेरे पास 1500 पंक्तियों के साथ एक बहुत ही जटिल तालिका थी जो काफी धीमी हो गई, नई AJAX आधारित तालिका में बदलकर यह वही डेटा तेजी से प्रतीत होता है।

Answer 3

आप केवल तेजी से निकालना चाहते हैं .. आप नीचे दिए गए की तरह कर सकते हैं ..

$("#tableId tbody tr").each(function(){ 
    this.parentNode.removeChild(this); 
}); 

लेकिन, तालिका में किसी घटना-आबद्ध तत्व हो सकते हैं,

उस मामले में

,

कोड ऊपर

में आईई ... टीटी और एफएफ में तेजी से नहीं स्मृति रिसाव रोकने के लिए नहीं है ...

खेद ....

Answer 4

यह छोरों के किसी भी प्रकार से बचने के लिए सिर्फ इस तरह सीधे सभी तत्वों को दूर बेहतर है:

$("#mytable > tbody").html(""); 

Answer 5

आप इस कोशिश कर सकते ...

var myTable= document.getElementById("myTable"); 
if(myTable== null) 
    return; 
var oTBody = myTable.getElementsByTagName("TBODY")[0]; 
if(oTBody== null) 
    return; 
try 
{ 
    oTBody.innerHTML = ""; 
} 
catch(e) 
{ 
    for(var i=0, j=myTable.rows.length; i<j; i++) 
     myTable.deleteRow(0); 
} 

Answer 6

इस काम करता है मेरे लिए: प्रत्येक पंक्ति "removeRow"

के लिए

1- ऐड वर्ग 0

jQuery

$(".removeRow").remove();