तारों को डुप्लिकेट करने के लिए जावास्क्रिप्ट शॉर्टेंड तरीका

Question

मेरे पास यह कोड एक फ़ंक्शन में है, और इसे छोटा करना चाहते हैं - यह एक सरणी में प्रत्येक आइटम के लिए एक ही शैली को लागू करता है।

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

आज तक कोई जवाब काम किया

कैसे के बारे में एक का उपयोग कर छिपा

x = i; 
i = i+1; 

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

Answer 1

को केवल पहले से दिखाया गया स्लाइड दृश्यता सेट करके आप उसे हल (क्योंकि मैं कोड ?? माध्यम से पाशन कर रहा हूँ) पाश:

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"); 
}); 

संपादित करें::बस कुछ अलग, एक jQuery समाधान प्रदान करने के लिए ऐसा लगता है कि आप पहली बार अपने डोम संदर्भ एकत्र करने के लिए हो सकता है की तरह। (DivsArray वास्तव में सिर्फ div नाम की एक सरणी, और नहीं divs खुद को है?)

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

Answer 4

यह मेरे लिए लग रहा है कि वहाँ अधिक divs हो सकता है ... मैं डैरिन के कोड के लिए यह परिवर्तन का सुझाव दे सकता:

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

Answer 5

और यहाँ है कि यह कैसे Prototype और Mootools दोनों में काम करता है:

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

Answer 6

आप divsArray का एक ही/वंशज दायरे में निम्नलिखित समारोह डाल सकते हैं।

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

तो फिर तुम क्या कर सकते हैं या तो

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

या

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

यह व्यर्थ लग रहा है, लेकिन अगर आप इस तरह अधिक सरणियों है, तो आप इस तरह अपने कार्य को संशोधित करना चाहते हो सकता है:

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

और पाश इस तरह के किसी भी सरणी के माध्यम से:

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

और नहीं, कोई मैक्रोज़ नहीं हैं और न ही टेम्पलेट हैं।

Answer 7

जब तक हम सब पर ढेर कर रहे हैं, मैं सबसे सीधा दृष्टिकोण ले लेंगे: डी

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

और सिर्फ अनाज के खिलाफ जाने के लिए:

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

Answer 8

मैं नहीं कर सका चुनौती के लिए "विरोध"।मैं आप उन्हें एक ही वर्ग जोड़ सकते हैं और (प्रोटोटाइप उदाहरण) की तरह कुछ करना कहेंगे:

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

Answer 9

हम सरणी युक्त idArray.prototype.forEach() का उपयोग कर रों अधिक पुनरावृति कर सकते हैं और ES6 के 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>