Javascript dizeleri çoğaltmak için kısa yol yolu

Question

Bu kodu bir işlevde var ve kısaltmak istiyorum - bir dizideki her öğeye aynı stili uygular.

Nasıl kullanma hakkında gizli

x = i; 
i = i+1; 

document.getElementById(divsArray[x]).style.visibility = 'hidden'; 

Answer 1

, önceleri sadece görüntülenen slayt görünürlüğünü ayarlayarak bunu Çözüldü (kod ?? aracılığıyla döngü ediyorum Çünkü)

document.getElementById(divsArray[0]).style.visibility = 'hidden'; 
document.getElementById(divsArray[1]).style.visibility = 'hidden'; 
document.getElementById(divsArray[2]).style.visibility = 'hidden'; 
document.getElementById(divsArray[3]).style.visibility = 'hidden'; 

bugüne kadar YOK cevap çalıştı döngü:

for (var i = 0; i < 4; i++) { 
    document.getElementById(divsArray[i]).style.visibility = 'hidden'; 
} 

Answer 2

for (i=0;i<4;i++) { 
    document.getElementById(divsArray[i]).style.visibility='hidden'; 
} 

Answer 3

$(divsArray).each(function() { 
    $(this).css("visibility", "hidden"); 
}); 

Düzenleme::Sadece farklı bir şey, bir jQuery çözüm sağlamak için öncelikle DOM başvuruları toplamak zorunda ediyor gibi. (? DivsArray gerçekten sadece div isimlerinin bir dizi değil, birer bölümdür kendileri olduğunu)

$(divsArray).each(function() { 
    $("#" + this).css({ "visibility": "hidden" }); 
}); 

Answer 4

... more div'ler olabileceğini bana geliyor ben Darin koduyla bu değişikliği önerebilir:

o Prototype ve Mootools hem de nasıl çalıştığını burada

for (var i = 0; i < divsArray.length; i++) { 
    document.getElementById(divsArray[i]).style.visibility = 'hidden'; 
} 

Answer 5

ve bulunuyor:

$(divsArray).each(function(item) { 
    $(item).setStyle({visibility: "hidden"}); 
}); 

Answer 6

Sen divsArray aynı/soyundan kapsamında aşağıdaki işlevi koyabilirsiniz.

function baka(idx) { 
    document.getElementById(divsArray[idx]).style.visibility = 'hidden'; 
} 

Sonra yapabileceğiniz ya

baka(0); 
baka(1); 
baka(2); 
baka(3); 

veya

for (var i = 0; i < 4; i++) 
    baka(i); 

Bu anlamsız görünüyor, ama buna benzer daha fazla diziler varsa, bu gibi işlevi değiştirmek isteyebilirsiniz

:

function aho(arr, idx) { 
    document.getElementById(arr[idx]).style.visibility = 'hidden'; 
} 

and loop bunun gibi herhangi bir dizi aracılığıyla: () Ve hayır, makro yok veya şablon yok. D

document.getElementById(divsArray[0]).style.visibility = 
document.getElementById(divsArray[1]).style.visibility = 
document.getElementById(divsArray[2]).style.visibility = 
document.getElementById(divsArray[3]).style.visibility = 'hidden'; 

ve isteklere karşı gitmek: Hepimizin üzerinde kazık konum olarak, ben en doğrudan yaklaşım alacağım sürece

Answer 7

var d = null, i = 0; 
while (d = document.getElementById(divsArray[i++])) { 
    d.style.visibility = 'hidden'; 
} 

Answer 8

yapamadım meydan okumaya "diren".Ben bunları aynı sınıf eklemek ve (Prototip örneğin) gibi bir şey yapmak söyleyebilirim:

$$('.className').invoke('setStyle', { 'visibility' : 'hidden' }); 

Answer 9

Biz dizi Array.prototype.forEach() kullanılarak id s içeren adımlayabilirsiniz ve ES6 en Arrow Functions:

var elemIds = ['two', 'four', 'six']; 
 

 
elemIds.forEach(id => {document.getElementById(id).style.visibility = 'hidden';});

<div id="one">One</div> 
 
<div id="two">Two</div> 
 
<div id="three">Three</div> 
 
<div id="four">Four</div> 
 
<div id="five">Five</div> 
 
<div id="six">Six</div> 
 
<div id="seven">Seven</div>