Javascript 复制字符串的简写方法

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

只是为了提供一些不同的东西，一个 jQuery 解决方案：

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

编辑：看起来您可能必须首先收集 DOM 引用。 （divsArray 实际上只是一个 div 名称数组，而不是 div 本身？）

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

Answer 3

在我看来，可能会有更多的 div...我可以建议对 Darin 的代码进行这样的更改：

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

Answer 4

以下是它在 Prototype 和 Mootools:

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

Answer 5

您可以将以下函数放在 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 6

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

Answer 7

只要我们都在努力，我就会采取最直接的方法 :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';

并且违背常理：

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

Answer 8

我无法“抗拒”这个挑战。我想说你将它们添加到同一个类中并执行类似的操作（原型示例）：

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

Answer 9

我们可以使用 id 的数组="nofollow noreferrer">Array.prototype.forEach() 和 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>