Question

我有一个关于Question / Anwser脚本的大约40个问题现在我想要隐藏所有其他消息然后点击id但窗口重叠的那个，那么如何隐藏所有其他ID并用Javascript显示一个？

Answer 1

以下示例将根据您的HTML结构而有所不同。它们仅作为示例，而不是针对您的具体情况的解决方案。

可以相当快速地更改单个元素的样式：

document.getElementById("foo").style.display = "none";

你可以隐藏所有其他人：

var myDivs = document.getElementsByTagName("DIV");
for (var i = 0; i < myDivs.length; i++) {
  if (myDivs[i].id != "foo") {
    myDivs[i].style.display = "none";
  } else {
    myDivs[i].style.display = "block";
  }
}

如果您愿意使用jQuery之类的框架，那么您可以更快地做同样的事情：

$(".question .title").click(function(){
 $(this)
   .next().slideDown()
   .closest(".question").siblings()
   .find(".body").slideUp(); 
});

jQuery的在线演示：http://jsbin.com/opisa/edit

用JS，JS改变CSS元素？

1 个答案: