Question

我的网页的一个部分中有一个标签列表，文章位于中间。我希望能够单击标签并在中间部分显示相关文章，而其他与之无关的文章将消失。

例如，如果有人点击名为＆＃34;滑板＆＃34;的链接所有有锚名称的文章＆＃34;滑板＆＃34;将出现，其他人消失。但是它可以使用我将来制作的任何标签。希望这是有道理的。这是页面：http://idunlap.com/social-media-template/index.html

Answer 1

假设你的锚类名是articles，你可以简单地创建一个循环文章的javascript函数来显示相应的锚点并隐藏其他的。可以是这样的。

       //First map you articles in an array
   var nodes = [].map.call(document.getElementsByClassName("articles"), function(x){return x;});
  //Create function now.
  function filterArticles(x){
for(var i = 0; i < x.length; i++){
   if(x[i].style.display = "inline" || !x[i].style.display) x[i].style.display = "none"; else x[i].style.display = "inline";
   }

 //Set click handler t all articles.
nodes.forEach(function(x){x.onclick = function(art){ filterArticles(nodes)};

然而，正如@Jaromanda所说，你必须在javascript中变得更好，这是最少的。

如何出现某些锚标签而其他标签消失？

1 个答案: