Cách viết tắt Javascript để sao chép các chuỗi

Question

Tôi có mã này trong một hàm và muốn rút ngắn nó - nó áp dụng cùng một kiểu cho mọi mục trong một mảng.

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

NO câu trả lời cho ngày làm việc (Bởi vì tôi đang lặp qua mã ??)

giải quyết nó bằng cách thiết lập chỉ khả năng hiển thị trượt hiển thị trước đây để ẩn

x = i; 
i = i+1; 

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

Answer 1

Làm thế nào về cách sử dụng vòng lặp:

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

Chỉ cần cung cấp một cái gì đó khác, một giải pháp jQuery:

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

Chỉnh sửa: Dường như bạn có thể phải thu thập tài liệu tham khảo DOM trước tiên. (DivsArray thực sự chỉ là một mảng của tên div, và không phải là divs mình?)

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

Answer 4

Nghe có vẻ với tôi rằng có thể có nhiều divs ... Tôi có thể đề nghị thay đổi này để mã Darin của:

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

Answer 5

và dưới đây là cách nó hoạt động trong cả hai Prototype và Mootools:

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

Answer 6

Bạn có thể đặt các chức năng sau đây trong cùng một phạm vi/hậu duệ của divsArray.

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

Sau đó, bạn có thể làm một trong hai

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

hoặc

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

Có vẻ vô nghĩa, nhưng nếu bạn có nhiều mảng như vậy, bạn có thể muốn thay đổi chức năng của bạn như thế này:

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

và vòng lặp qua bất kỳ mảng nào như thế này:

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

Và không, không có macro cũng như không có mẫu.

Answer 7

miễn là tất cả chúng ta chồng chất trên, tôi sẽ đưa phương pháp trực tiếp nhất: 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'; 

và chỉ để đi ngược lại các hạt:

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

Answer 8

tôi có thể không "chống lại" thách thức.Tôi có thể nói bạn thêm chúng vào cùng lớp và làm điều gì đó tương tự (Prototype ví dụ):

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

Answer 9

Chúng ta có thể lặp qua mảng chứa id s sử dụng Array.prototype.forEach() và ES6 của 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>