-2

我现在在做一个房地产网站。到目前为止一切顺利。我在一个网站上找到了一个 javascript 代码,它也可以正常工作。

我认为最好有一个 JQUERY(而不是 javascript),因为不是每个浏览器都支持 javascript 等(如果我错了,请纠正我)。

有人可以帮我将此代码转换为 jquery 吗?

谢谢!!

它是以下代码:

<script>
function showonlyonev2(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}

    </script>


         <div style="">
            <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');" >toggle</a>
            <a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');" >toggle</a>
            <a id="myHeader3-2" href="javascript:showonlyonev2('newboxes3-2');" >toggle</a>
         </div>
         <div class="newboxes-2" id="newboxes1-2" style="display: block"><?php the_content();?>
    </div>
         <div class="newboxes-2" id="newboxes2-2" style="display: none;">Div #2</div>
         <div class="newboxes-2" id="newboxes3-2" style="display: none;">Div #3</div>
4

2 回答 2

2

如我错了请纠正我

你错了。JQuery 是一个库,它使使用 JavaScript 做某些事情变得更容易。您将 JQuery 用作 JavaScript 程序的一部分,而 JQuery 是用 JavaScript 编写的。

我不认为您的问题的其余部分是基于此,假设您在此处提供的 JavaScript 确实有效并且可以执行您想要的操作。

于 2013-09-07T12:12:58.913 回答
-1

你可以试试这段代码:

<script>

jQuery('.myheader').click(function(){
jQuery.find('div').each(function(){
if(jQuery(this).attr('class')=='newboxes-2'){
if(jQuery(this).attr('id')=='thechosenone'){
if(jQuery(this).attr('display')=='block'){
jQuery(this).attr('display','none')
}else{
jQuery(this).attr('display','block')
}
}else{
jQuery(this).attr('display','none')
}
}
});
});
 </script>
于 2013-09-07T12:30:04.270 回答