Javascript [0]和getElementsByClassName上的全部循环之间的中间地带

我有一个代码，最初只会激活ElementsByCassName的第一个匹配项（“thishere”），即使在文档中单击了以后的匹配项

功能zxcv（el）{
el.style.display=“无”；
el.parentNode.parentNode.GetElementsByCassName（“thishere”）[0].style.display='block'；
返回false；
}
功能zxcv（el）{
var elements=el.parentNode.parentNode.getElementsByClassName（“thishere”）；
对于（var i=0，len=elements.length；i尝试以下方法：

HTML:

你是如何调用zxcl的？你说clicked是什么意思？这个函数是在事件中调用的吗？你能给我们提供一些html吗？我添加了HTMLUN，幸运的是，它的行为似乎与原始帖子中的代码相同。将样式更改包装在一个自调用函数中实现了什么？我没有理解这个问题，但这至少是一个小的循环修复。如果我延迟回复评论，很抱歉，我的网络最近不太好。请在这里查看它的工作情况（请记住，我的网络延迟了很多小时和时间，以允许我加载JSFIDLE）：@Pro Hands-我不知道该怎么办。请看我的评论，我不太熟悉这一点，也不知道如何与我的情况相关。我在我的原始帖子中包含了HTML；请你能帮我看一下我的案例吗？你为什么使用引用格式（
）当您不引用？@f484126时，如果您只需要第一次出现的值，请使用$（'.thishhere:first'），为什么要使用for循环，并请提供完整代码的适当fiddle链接。@f484126代码中有一个错误，因为您正在调用
zxcv
，但它是文档onload函数中的一个函数，所以您不能使用它（根据我在JSFiddle中看到的情况）。请将
OnLoad
选项从顶部的JSFiddle，在
Frameworks and Extensions
中更改为
No wrap-in
@Jhon Carpenter谢谢我们快到了！我只想点击链接的DIV。
function zxcv(el){
    var elements=el.parentNode.parentNode.getElementsByClassName("thishere");
    for(var i=0,len=elements.length;i<len;i++){
        !function(i){
           elements[i].style.display='block';
        }(i)
    }
    el.style.display="none";
    return false
}

<div class="thishere">
<h1 style="display:none;">CleverPeople</h1>
<a href="stackoverflow.com" target="_blank" rel="follow">www.Stackoverflow.com</a>
</div>

<div class="thishere">
<h1  style="display:none;">MoreCleverPeople</h1>
<a href="stackoverflow.com" target="_blank" rel="follow">www.Stackoverflowmore.com</a>
</div>

   $('document').ready(function(){
     $('.thishere').on('click',function(e){
     $(this).find('a').hide();
     $(this).find('h1').show();
     //return false;
    })
  });