forma abreviada de Javascript para duplicar cadenas

Question

Tengo este código en una función y quiero acortarlo: aplica el mismo estilo a cada elemento de una matriz.

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'; 

respuesta NO a fecha de trabajo (Porque estoy bucle a través del código ??)

resolvió estableciendo solamente la visibilidad diapositiva mostrada previamente oculta

x = i; 
i = i+1; 

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

Answer 1

Cómo sobre el uso de una bucle:

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

sólo para proporcionar algo diferente, una solución de jQuery:

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

Editar: Parece que usted podría tener que recoger sus referencias DOM primero. (DivsArray es en realidad una serie de nombres div, y no los propios divs?)

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

Answer 4

Me suena que podría haber más divs ... ¿Puedo sugerir que este cambio de código de Darin:

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

Answer 5

y aquí es como funciona tanto en Prototype y Mootools:

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

Answer 6

se puede retener la siguiente función en el mismo alcance/descendiente de divsArray.

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

A continuación, puede hacer cualquiera

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

o

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

Parece sin sentido, pero si usted tiene más matrices así, es posible que desee modificar su función como esta:

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

y lazo a través de cualquier matriz como esta:

for (var i = 0; i < divsArray.length; i++) 
    aho(divsArray, i); 

Y no, no hay macros ni hay plantillas.

Answer 7

, siempre y cuando todos estamos acumulando en adelante, voy a tomar el enfoque más directo: 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'; 

y justo para ir contra la corriente:

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

Answer 8

no pude "resistir" al desafío.Yo diría que se agregan a la misma clase y hacer algo como (ejemplo Prototipo):

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

Answer 9

Nos puede iterar sobre una matriz que contiene id s utilizando Array.prototype.forEach() y Arrow Functions de ES6:

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>