Question

我想通过使用javascript隐藏多个div ID。我正在尝试在页面加载时隐藏5个div，但似乎无法使其正常工作。我可以使用Javascript或JQuery。

Answer 1

您可以对要隐藏的所有div使用一个通用类，一旦获得private void Grid_Loaded(object sender, RoutedEventArgs e) { //The canvas is the element to create shadow var compositor = ElementCompositionPreview.GetElementVisual(canvas).Compositor; var dropShadow = compositor.CreateDropShadow(); dropShadow.Color = Colors.Green; dropShadow.BlurRadius = 8; dropShadow.Opacity = 20.0f; dropShadow.Offset = new Vector3(2.5F, 2.5F, 0); //The textBlock is the main content var mask = textBlcok.GetAlphaMask(); dropShadow.Mask = mask; var spriteVisual = compositor.CreateSpriteVisual(); spriteVisual.Size = new Vector2((float)canvas.ActualWidth, (float)canvas.ActualHeight); spriteVisual.Shadow = dropShadow; ElementCompositionPreview.SetElementChildVisual(canvas, spriteVisual); }即可将其隐藏，请遍历元素以将其隐藏。.

divs

function foo() {
  var divs = document.querySelectorAll('.hideMe');
  divs.forEach((eachDiv) => {
    eachDiv.style.display = 'none';
    //eachDiv.style.visibility = 'hidden';
  })
}

Answer 2

我认为您的意思是隐藏具有不同id的多个div，如下所示：（用空格分隔）

$('#id1, #id2, #id3, #id4, #id5').hide()

但这通常是一个不好的解决方案。我建议您向它们添加一个通用类，并在需要时将其隐藏：

$('.common-class').hide()

如何使用JavaScript隐藏多个div的ID和类

2 个答案: