jquery

Question

में वैकल्पिक पंक्ति रंग मेरे पास कॉलम क्रमबद्ध के साथ पंक्तियों के विस्तार और पतन के साथ एक सारणी है। नीचे मेरा कोड है, क्या इसके प्रदर्शन में सुधार करने के कोई तरीके हैं। और डोम में पंक्तियों के पूर्ण समूह को जोड़ने में पढ़ने में सुधार होता है, लेकिन अगर मैं $ .each() लूप से बाहर करता हूं तो यह त्रुटि फेंकता है। teble demo

var alt = true; 
var altSub = true; 

$.each(myData, function(index, row) { 

    var noRow = $(row).length; 
    var firstRow = $(row[0]); 

    for (var i=0; i < noRow; i++) { 
     if(firstRow.attr('id') == $(row[i]).attr('id')) { 
      if(alt == true) { 
       firstRow.removeClass("odd").addClass("even"); 
       alt = !alt; 
       altSub = true; 
      } else if(alt == false) { 
       firstRow.removeClass("even").addClass("odd"); 
       alt = !alt; 
       altSub = true; 
      } 
     } else { 
      if(altSub == true) { 
       $(row[i]).removeClass("alt_row_sub").addClass("alt_row_sub2"); 
       altSub = !altSub; 
      } else if(altSub == false) { 
       $(row[i]).removeClass("alt_row_sub2").addClass("alt_row_sub"); 
       altSub = !altSub; 
      } 
     } 
    } 
    $table.children('tbody').append(row); 
}); 

link text

Answer 1

Tutorials:Zebra Striping Made Easy jQuery से कैसे ज़ेबरा स्ट्रिपिंग करने के लिए पर एक बड़ा ट्यूटोरियल है।

Answer 2

आपको :even और :odd चयनकर्ता उपयोगी मिल सकते हैं।

फिर आप उन्हें इस तरह इस्तेमाल कर सकते हैं:

$('.stripyTable tr:even').addClass('even'); 
$('.stripyTable tr:odd').addClass('odd'); 
$('.stripyTable .submenu tr:even').addClass('alt_row_sub'); 
$('.stripyTable .submenu tr:odd').addClass('alt_row_sub2'); 

विचार करने के लिए दूसरी बात तुम सिर्फ सीएसएस के साथ उपखंड के विभिन्न स्टाइल प्राप्त कर सकते हैं कि क्या है, तो अपने जे एस में आप केवल लागू करने के बारे में चिंता करने की जरूरत है अजीब/यहां तक ​​कि कक्षाओं। सीएसएस की तरह कुछ दिख सकता है:

.odd { background-color: blue; } 
.even { background-color: white; } 
.sub .odd { background-color: green; } 
.sub .even { background-color: yellow; } 

Answer 3

आप प्रत्येक लूप के अंदर हैं, ऐसा करते हैं:

$.each(myData, function(index, row) { 

     if(index % 2 == 0) 
     { 
      row.addClass("AltRow"); 
     } 
)};