2011-10-13 14 views
8

Jak utworzyć tablicę z wnętrza pętli ".each" i używać jej poza pętlą?Jak utworzyć tablicę z pętli .each z jQuery

My .each loop:

 // Loop through all but button with class .apply 
     $('.profile-nav ul li a').not('.apply').each(function() { 

      // if currently loop through element has .cur class 
      if($(this).hasClass('cur')) { 


       //Get the first class of the match element     
       var ClassesToApply = $(this).prop('class').split(' ')[0]; 

      } 
      //How can I create an array from all ClassesToApply? 


      //var arr = jQuery.makeArray(ClassesToApply); 
      // This will create an array, but with one element only 

     }); 

Jak mogę utworzyć tablicę z wszystkimi var = ClassesToApply?

A jak mogę coś zrobić z tą tablicą? np

$(allClasses from an array as a selectors).doStuff();

+0

Dostaniesz tablicę ciągów. Co chcesz zrobić z taką tablicą? Metody jQuery są wykonywane na tablicach zawierających elementy DOM, a nie ciągi. –

+0

Szukam użyć ciągu jako selektora, aby pokazać/ukryć element z klasami SAME w różnych div. Filtrowanie - sortowanie. – Iladarsda

Odpowiedz

21

Jeśli zadeklarować zmienną poza tym each, będzie dostępna wewnątrz each:

var yourArray = []; 
$('.profile-nav ul li a').not('.apply').each(function() { 
    if($(this).hasClass('cur')) { 
     yourArray.push($(this).prop('class').split(' ')[0]); 
    } 
}); 
//Here, yourArray will contain the strings you require. 

Choć jak inni wykazali, istnieją sposoby, aby skrócić kod znacząco .

0
var list = $(".profile-nav ul li a.cur:not(.apply)"); 

list.each(function(){ 
    // do your thing! 
}); 
6

Można zrobić:

var arr = $('a.cur:not(.apply)', '.profile-nav').map(function() { 
    return $(this).prop('class').split(' ')[0]; 
}).get(); 
+0

Świetny przykład! Nigdy wcześniej nie używałem ".map", muszę się w to zagłębić. – Iladarsda

+0

Jeśli OP chce mieć tablicę, nie zapomnij połączyć '.get()' lub '.toArray()' po '.map()'. – user113716

+1

@ Ӫ _._ Ӫ Zapomniałem o tym, dzięki. –

13
fxnReqValidation = function() { 
     var InputTagArray = new Array; 
     InputTagArray = document.getElementsByTagName("input"); 
     for (var iCnt = 1; iCnt <= InputTagArray.length; iCnt++) { 
      if ((g_Json[InputTagArray[iCnt].name].required == true) && (InputTagArray[iCnt].value == "")) { 
       $("#errormsg").text("please enter all required fields"); 
      } 
      return false; 
     } 
    } 
Powiązane problemy